您当前位置：首页 > web前端 > jscript > JavaScript 取消浏览器事件冒泡

JavaScript 取消浏览器事件冒泡

来源：程序员人生发布时间：2014-04-25 04:42:51 阅读次数：2930次

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

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

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

生活不易，码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生

------分隔线----------------------------

上一篇 参考文档：浏览器默认HTML的CSS样式属性

下一篇 技术差的站长应该坚持专心做站才会成功

分享到:

------分隔线----------------------------