今天在弄一个显示隐藏二维码的部分
<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>