JavaScript 取消浏览器事件冒泡

发布时间：2018-08-29 16:46:31 所属栏目：模式来源：站长网

导读：再用js为Html元素指定样式或绑定事件时，由于浏览器的事件工作方式为捕捉/冒泡，往往容易将样式或事件绑定到到目标元素的父元素上，所有如果只希望将样式或事件绑定到指定目标元素上，就需要取消事件的冒泡行为。不幸的是IE所采用的停止事件冒泡的方式同

　　再用js为Html元素指定样式或绑定事件时，由于浏览器的事件工作方式为捕捉/冒泡，往往容易将样式或事件绑定到到目标元素的父元素上，所有如果只希望将样式或事件绑定到指定目标元素上，就需要取消事件的冒泡行为。

　　不幸的是IE所采用的停止事件冒泡的方式同其他浏览器不同，其他浏览器采用的是符合W3C的标准方式，所有在执行停止事件冒泡函数中用判断浏览器，函数如下：

Copy to Clipboard Liehuo.Net Codes

引用的内容：[www.veryhuo.com] function stopBubble(e)
　　{
　　 //如果传入了对象，那么就是非IE浏览器，才用W3C标准方法
　　　　if(e||e.stopPropagation)
　　　　{
　　e.stopPropagation();
　　　　}
　　　　else
　　　　{
　　　　 //才用IE的停止事件冒泡的方法
　　　　 window.event.CancelBubble=true;
　　　　}
　　}

（编辑：PHP编程网 - 黄冈站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!