先上代碼：

<div id='outer' onclick='alert("我是outer")'><div id="middle" onclick='alert("我是middle")'><div id="inner" onclick='myBubble(arguments[0]);alert("我是inner")'><a onclick='myDefault()' id='dd' href="http://www.baidu.com">js事件</a></div></div> </div> <script> function myBubble(e){var e=e||window.event;e.stopPropagation?e.stopPropagation():(e.cancelBubble=true); } function myDefault(e){var e=e||window.event;//IEif(e.preventDefault)//標準 {e.preventDefault();}else if('returnValue' in e )//IE,如果判斷條件設成e.returnValue，在IE8及以下版本不識別，本例中點擊后會跳轉 {e.returnValue=false;}return false; //處理使用對象屬性注冊的處理程序 } </script>

?

上面的代碼效果：僅彈出提示窗口“我是inner”。

如果去掉dd中的myDefault函數，則：我是inner>>跳轉到百度首頁。

如果將上面的兩個函數都去掉：我是inner>>我是middle>>我是outer>>跳轉到百度首頁。

上面的例子主要涉及到事件冒泡和取消默認行為兩個方面。

?

轉載于:https://www.cnblogs.com/aaron-shu/p/4092821.html

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的一个取消事件的简单js例子(事件冒泡与取消默认行为)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。