jq阻止事件冒泡

---

title: 阻止事件冒泡
date: 2020-10-06 12:53:42
tags: [备忘录]
categories: [备忘录]

---

阻止事件冒泡

子元素点击事件中添加阻止冒泡事件的方法：在点击子元素的时候不会触发父元素的事件

//点击子元素跳转页面
      $('.ziDom').bind("click", function () {
           stopPropagation()
      });

// 阻止冒泡
    function stopPropagation(e) {
        e = e || window.event;
        if (e.stopPropagation) { //W3C阻止冒泡方法  
            e.stopPropagation();
        } else {
            e.cancelBubble = true; //IE阻止冒泡方法  
        }
    }