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

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

<div id="qCode" onclick="hideQCode()">
    <div id="qCode-container">
        ![](./image/qcode.png)
    </div>
</div>

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

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

<div id="qCode" onclick="hideQCode()">
    <div id="qCode-container" onclick="stopBubble(this.id)">
        ![](./image/qcode.png)
    </div>
</div>