onclick的顺序与事件冒泡机制

onclick的顺序与事件冒泡机制 我是child点我试试 我是parent点我试试 此时当点击child盒子时，会触发alert(‘I’m child’) 也会触发parent盒子alert(‘I’m parent’) 顺序是从事件源开始，一直冒泡到最顶层。（netscape相反） 应用： <div οnclick=”datasubmit()”> <div>点我可以提交</div> <div>点我可以提交</div> <div>点我可以提交</div> <div>点我可以提交</div> </div> 如果需要点击内层每个对象都会触发datasubmit(),只需要在父层加上datasubmit()方法，点击内层时因为事件冒泡会自动触发父层的方法，节省代码 避免事件冒泡对onclick事件的影响： 如果我们有这样一个需求：在大区域内点击，会触发事件1，大区域的小区域点击会触发事件2，但是不能同时触发事件1。此时我们需要去掉事件冒泡功能 function stopBubble(e){ e = e||window.event; if( typeof e.cancelBubble != "underfined"){//判断是否是ie，ie存在cancelBubble方法 e.cancelBubble = true; } else if( e.stopPropagation ){ //其他浏览器取消事件冒泡的操作 e.stopPropagation(); } } 此代码段可以去掉各大浏览器的事件冒泡 演示地址（外链）http://www.jackness.org/lab/bubble/demo02.html »本文地址:http://99jty.com/?p=229 »订阅本站:http://winysky.com/feed/»当你从RSS阅览器里看到这篇文章时，还没有评论，还不赶紧过来抢沙发？

转载于:https://www.cnblogs.com/99f2e/archive/2011/10/11/2653160.html