阻止子元素触发父元素事件，阻止冒泡

今天在弄一个显示隐藏二维码的部分

    

        ![](./image/qcode.png)
    

在隐藏这个二维码的时候，点击图片也能触发隐藏事件，但是应该点击空白处隐藏，所以需要给子元素增加一个阻止事件冒泡的方法，上代码

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

    

        ![](./image/qcode.png)