前端學習程式碼例項-JavaScript阻止事件冒泡
任何現象都可能是雙刃劍,有時候利用事件冒泡能夠帶來便利性,但是有時候也會帶來不便。
下面透過帶來例項介紹一下如何阻止事件冒泡。
程式碼例項如下:
] <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content=" <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>
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69901074/viewspace-2643019/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- JavaScript 阻止事件冒泡程式碼例項JavaScript事件
- js阻止事件冒泡例項程式碼JS事件
- jQuery阻止事件冒泡程式碼例項jQuery事件
- 阻止jquery事件冒泡程式碼例項jQuery事件
- jQuery阻止事件冒泡例項程式碼jQuery事件
- javascript阻止事件冒泡程式碼JavaScript事件
- jQuery阻止事件冒泡現象程式碼例項jQuery事件
- JavaScript阻止事件冒泡JavaScript事件
- jQuery事件冒泡程式碼例項jQuery事件
- 前端學習程式碼例項-JavaScript 阻止擊超連結的跳轉前端JavaScript
- javascript事件冒泡簡單例項JavaScript事件單例
- 前端學習程式碼例項-JavaScript 生成隨機數前端JavaScript隨機
- JavaScript事件冒泡、事件捕獲和阻止預設事件JavaScript事件
- jquery阻止事件冒泡jQuery事件
- jQuery阻止事件冒泡和預設行為程式碼jQuery事件
- 相容所有瀏覽器的阻止事件冒泡程式碼瀏覽器事件
- stopPropagation() 阻止事件冒泡事件
- jQuery如何阻止事件冒泡jQuery事件
- javascript鍵盤事件程式碼例項JavaScript事件
- javascript事件委託程式碼例項JavaScript事件
- 原生javascript的return false並不能阻止事件冒泡JavaScriptFalse事件
- JavaScript阻止冒泡和取消事件預設行為JavaScript事件
- 相容所有瀏覽器的阻止事件冒泡js程式碼瀏覽器事件JS
- 原生js如何阻止事件冒泡JS事件
- JavaScript中常用的事件程式碼及例項JavaScript事件
- JavaScript 事件冒泡JavaScript事件
- 阻止冒泡和阻止預設事件的相容寫法事件
- 相容低版本IE瀏覽器的阻止事件冒泡效果程式碼瀏覽器事件
- jQuery阻止事件冒泡簡單介紹jQuery事件
- javascript的for in例項程式碼JavaScript
- javascript批量註冊事件處理函式程式碼例項JavaScript事件函式
- js監聽鍵盤事件程式碼例項例項JS事件
- css取消滑鼠事件程式碼例項CSS事件
- JavaScript in運算子程式碼例項JavaScript
- javascript操作xml程式碼例項JavaScriptXML
- JavaScript confirm() 程式碼例項JavaScript
- javascript Function()使用程式碼例項JavaScriptFunction
- JavaScript dom操作程式碼例項JavaScript