javascript 阻止事件冒泡

转载于 2018-02-09 13:27:00 发布 · 71 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/liulei-cherry/p/8435082.html

文章标签：

#javascript #ViewUI

本文介绍了一个常见的编程问题——事件冒泡，并提供了解决方案。通过一个具体的例子解释了如何阻止DOM事件从子元素向父元素传播，防止事件处理程序被多次触发。

阻止冒泡

冒泡简单的举例来说，儿子知道了一个秘密消息，它告诉了爸爸，爸爸知道了又告诉了爷爷，一级级传递从而引起事件的混乱，而阻止冒泡就是不让儿子告诉爸爸，爸爸自然不会告诉爷爷了。

举个栗子：

父容器是div，
div中有一个btn

btn绑定一个click事件

div也绑定一个click事件

在点击btn时，会触发div的click事件，但是我们并不想触发div的click事件。因此要阻止事件冒泡。

实现代码：

stopEventBubble: function(e){
    if(e && e.stopPropagation) { //非IE 
        e.stopPropagation(); 
      } else { //IE 
        window.event.cancelBubble = true; 
      } 
}

转载于:https://www.cnblogs.com/liulei-cherry/p/8435082.html