兼容各大瀏覽器的JavaScript阻止事件冒泡代碼
更新時間:2015年07月09日 09:21:42 投稿:hebedich
本文給大家分享的是一段兼容各大瀏覽器的JavaScript阻止事件冒泡代碼,雖然因為時間問題沒有深入研究,但是還是相當(dāng)不錯的,這里推薦給大家
這里僅僅是一個簡單代碼demo,因為時間問題并未做深入研究,因為今天做項目時要用到阻止事件冒泡的內(nèi)容,找了好多才找到一個可以使用的,特記錄之。
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>阻止事件冒泡</title> <script src="js/jquery-1.11.3.min.js"></script> <script src="js/jquery.cookie.js"></script> <style type="text/css"> </style> <script type="text/javascript"> function clickDiv(){ alert("clickDiv"); } function clickP(event){ stopEvent(event); alert("clickP"); } function stopEvent(event){ //阻止冒泡事件 //取消事件冒泡 var e=arguments.callee.caller.arguments[0]||event; //若省略此句,下面的e改為event,IE運行可以,但是其他瀏覽器就不兼容 if (e && e.stopPropagation) { // this code is for Mozilla and Opera e.stopPropagation(); } else if (window.event) { // this code is for IE window.event.cancelBubble = true; } } </script> </head> <body> <div onclick="clickDiv()" style="width:100px; height:100px; background-color:red;"> <p onclick="clickP(event)" style="width:50px; height:50px; margin:auto; background-color:green;"> abad </p> </div> <script type="text/javascript"> </script> </body> </html>
以上所述就是本文的全部內(nèi)容了,希望大家能夠喜歡。
相關(guān)文章
驗證javascript中Object和Function的關(guān)系的三段簡單代碼
今天重溫經(jīng)典書籍。這一次看的是博客園李戰(zhàn)老師寫的<<悟透JavaScript>>,也是被樓豬翻看最多的技術(shù)書籍之一。2010-06-06分享12個Webpack中常用的Loader(小結(jié))
這篇文章主要介紹了分享12個Webpack中常用的Loader(小結(jié)),文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-03-03js中編碼函數(shù):escape,encodeURI與encodeURIComponent詳解
escape(), encodeURI()和encodeURIComponent()是在Javascript中用于編碼字符串的三個常用的方法,而他們之間的異同卻困擾了很多的Javascript初學(xué)者,這篇文章詳細的給大家介紹了js中編碼函數(shù):escape,encodeURI與encodeURIComponent的相關(guān)資料,需要的朋友可以參考下。2017-03-03詳解JavaScript中的Unescape()和String() 函數(shù)
這篇文章主要介紹了詳解JavaScript中的unescape()和String() 函數(shù),JavaScript unescape() 函數(shù)可對通過 escape() 編碼的字符串進行解碼,String() 函數(shù)把對象的值轉(zhuǎn)換為字符串,對本文感興趣的朋友一起學(xué)習(xí)吧2015-11-11