復制代碼 代碼如下:
<div id="p_box" onclick="a()">
<div id=p_cont>
</div>
</div>
#p_box包括#p_cont,當點擊#p_box區域任何位置時（包括#p_cont），都會觸發a事件。想要阻止點擊#p_cont區域時觸發a事件，需要在#p_cont區域內加入阻止事件冒泡的代碼。
變成
復制代碼 代碼如下:
<div id="p_box" onclick="a()">
<div id="p_cont" onclick="stopBubble(this.id)">
</div>
</div>
function a(){
//這裡是a事件的代碼
}
function stopBubble(e) {
if (e && e.stopPropagation) {//非IE浏覽器
e.stopPropagation();
}
else {//IE浏覽器
window.event.cancelBubble = true;
}
}