今天在弄一個顯示隱藏二維碼的部分
<div id="qCode" onclick="hideQCode()">
<div id="qCode-container">
![](./image/qcode.png)
</div>
</div>
在隱藏這個二維碼的時候朋腋,點(diǎn)擊圖片也能觸發(fā)隱藏事件齐疙,但是應(yīng)該點(diǎn)擊空白處隱藏,所以需要給子元素增加一個阻止事件冒泡的方法旭咽,上代碼
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>