當前位置: 首頁>>代碼示例 >>用法及示例精選 >>正文

JQuery event.stopPropagation()用法及代碼示例


用法 
event.stopPropagation() => undefined

說明：防止事件在 DOM 樹中冒泡，防止任何父處理程序收到事件通知。

  • 添加的版本：1.0event.stopPropagation()

    • 此方法不接受任何參數。

我們可以使用event.isPropagationStopped() 來確定是否曾經調用過這個方法(在那個事件對象上)。

此方法也適用於使用 trigger() 觸發的自定義事件。

請注意，這不會阻止其他處理程序on the same element 運行。

其他注意事項：

  • 由於 .live() 方法在事件傳播到文檔頂部後處理事件，因此無法停止實時事件的傳播。同樣，由.delegate() 處理的事件將傳播到它們被委托的元素；在調用委托的事件處理程序時，綁定在 DOM 樹中它下麵的任何元素上的事件處理程序將已經被執行。因此，這些處理程序可能會阻止委托處理程序通過調用 event.stopPropagation() 或返回 false 來觸發。

例子：

殺死點擊事件的冒泡。

$( "p" ).click(function( event ) {
  event.stopPropagation();
  // Do something
});

相關用法


注：本文由純淨天空篩選整理自jquery.com大神的英文原創作品 event.stopPropagation()。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。