首頁  >  事件對像  > eve.stopImmediatePro...()

返回值:Object event.stopImmediatePropagation()

V1.3 概述

阻止剩餘的事件處理函式執行並且防止事件冒泡到DOM樹上。

除了阻止元素上其它的事件處理函式的執行,這個方法還會通過在內部呼叫 event.stopPropagation() 來停止事件冒泡。如果僅僅想要停止事件冒泡到前輩元素上,而讓這個元素上的其它事件處理函式繼續執行,我們可以使用 event.stopPropagation()  來代替。

使用  event.isImmediatePropagationStopped()  來確定這個方法是否(在那個事件對像上)呼叫過了。

注意:

自從 .live() 方法處理事件一旦傳播到文件的頂部,live事件是不可能停止傳播的。同樣地, .delegate()  事件將始終傳播給其中包含的被委託元素;元素上的事件將在被委託事件被呼叫的時候執行。

示例

描述:

阻止呼叫其它事件處理函式。

程式碼:
<!DOCTYPE html>
  <html>
  <head>
    <style>  p { height: 30px; width: 150px; background-color: #ccf; }
  div {height: 30px; width: 150px; background-color: #cfc; }  </style>
    <script src="//code.jquery.com/jquery-latest.min.js"></script>
  </head>
  <body>
    <p>paragraph</p>
  <div>division</div>
  <script>
  $("p").click(function(event){
    event.stopImmediatePropagation();
  });  $("p").click(function(event){
    // This function won't be executed
    $(this).css("background-color", "#f00");  });
    $("div").click(function(event) {
    // This function will be executed
      $(this).css("background-color", "#f00");
  });</script>
    </body>
  </html>