前端學習代碼實例-JavaScript阻止事件冒泡
阿新 • • 發佈：2019-04-29
ext onload tex ont web前端 ntb 編程 ava alert 任何現象都可能是雙刃劍，有時候利用事件冒泡能夠帶來便利性，但是有時候也會帶來不便。
下面通過帶來實例介紹一下如何阻止事件冒泡。
代碼實例如下:
] <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>web前端開發學習扣qun：731771211 詳細教程分享</title> <script type="text/javascript"> window.onload=function(){ var bt=document.getElementById("bt"); var main=document.getElementById("main"); bt.onclick=function(){ alert("按鈕事件觸發"); } main.onclick=function(){ alert("div事件觸發"); } } </script> </head> <body> <div id="main"> <input type="button" id="bt" value="查看效果"/> </div> </body> </html>
更多編程知識分享，關註v-x公眾號id:mtbcxx
前端學習代碼實例-JavaScript阻止事件冒泡