javascript 阻止事件冒泡

阻止冒泡

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

举个栗子：

父容器是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;
      }
}