取消冒泡
w3c取消冒泡
e.stopPropagation();
IE取消冒泡
e.cancelBubble();
实例:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>取消冒泡</title> </head> <body> <div id="box1" style="background: #ABCDEF; width: 300px;height: 300px;"> <input type="button" value="test1" id="btn1"> </div> <script> var btn1 = document.getElementById("btn1"); var box1 = document.getElementById("box1"); btn1.onclick = function (e) { alert("button clicked"); var e = e||window.event;//兼容ie if(typeof e.cancelBubble == "undefined"){ e.stopPropagation(); }else { e.cancelBubble = true; } }; box1.onclick = function () { alert("div clicked") }; document.body.onclick = function () { alert("body clicked") }; document.documentElement.onclick = function () { alert("html clicked") }; document.onclick = function () { alert("document clicked") } </script> </body> </html>
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步