阻止事件冒泡

2021-07-25 15:46:34 字數 364 閱讀 7748

js

$("div li").click(function (e) )

$("div ul").click(function (e) )

$("div").click(function (e) )

說明:

1.,事件冒泡就是觸發孩子事件時,如果他的父親也有個事件,那麼他執行孩子事件後還會執行父親的事件。

2,在孩子節點執行完,return false;這樣就能阻止冒泡到父親的事件啦

3,e.stoppropagation()只要在click事件中,就不會觸發上層click事件

4.e.preventdefault().比較同意。不執行之後的語句了,return false;的效果是一樣的。

阻止事件冒泡

事件冒泡的概念在此不再重複,下面主要介紹防止事件冒泡的方法 符合w3c標準的event.stoppropagation 和ie瀏覽器下的window.event.cancelbubble true 上述 注釋中標註了阻止事件冒泡的方法,下面是針對兩種方法的封裝 function stopbubble...

阻止事件冒泡

因為我的 ui checkbox new 是頁面新新增的元素,所以在繫結事件的時候,就用on。在在用on繫結事件的時候,這個click事件會觸發兩次。用alert函式測試的時候,1 11 1 11 在網上尋找解決方法 在 中加入return false 阻止冒泡事件後,程式就可以正常執行,不會執行兩...

阻止事件冒泡

相容谷歌跟火狐 阻止事件冒泡不阻止事件本身 var oevent arguments.callee.caller.arguments 0 window.event oevent.stoppropagation 相容谷歌 阻止事件冒泡不阻止事件本身 event.stoppropagation 相容所有...