JS中的事件冒泡处理

66 阅读 0 评论 44 点赞

我是靠谱客的博主明亮乌龟，最近开发中收集的这篇文章主要介绍JS中的事件冒泡处理，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

js中的事件冒泡指的是：多个元素嵌套的时候，它们就会有层次关系，当这些元素注册了相同的事件时，如果其中一层的元素触发了这个事件，可能导致其它层的元素也触发这个事件，这样一来就会造成混乱。这个情况就是事件冒泡。为了避免这种混乱的发生，我们要想办法阻止事件冒泡的发生。

阻止事件冒泡的方法就是分别为每个事件传入一个参数e，然后在事件代码中加入一句e.stopPropagation();就是这么简单。
但是这种方法也有缺憾，就是它能够兼容chrome和firefox以及IE9以上的浏览器，但是不能兼容IE8及以下的浏览器。
IE8及以下的浏览器阻止事件冒泡的语句为window.event.cancelBubble=true;这种方法chrome也支持，但是firefox不支持。