阻止子元素继承父元素事件(郁闷我一晚上的问题！)

想要阻止点击#p_cont区域时触发a事件，需要在#p_cont区域内加入阻止事件冒泡的代码，具体实现祥看本文，希望对你有所帮助。

#p_box包括#p_cont,当点击#p_box区域任何位置时（包括#p_cont），都会触发a事件。想要阻止点击#p_cont区域时触发a事件，需要在#p_cont区域内加入阻止事件冒泡的代码。

<div id="p_box" onclick="a()" style=‘width:100;height:100px;background-color:#ccc‘>
<div id="p_cont" onclick="stopBubble(this.id)" style=‘width:50;height:50px;background-color:#eee‘>
</div>
</div>
<script>
function a(){
//这里是a事件的代码
alert(‘a‘);
}
function stopBubble(e) {
if (e && e.stopPropagation) {//非IE浏览器
　　e.stopPropagation();
}
else {//IE浏览器
window.event.cancelBubble = true;
}
}
</script>

效果如下：

解决了，哇哈哈。