正文
js - 如何使子元素阻止继承父元素事件
小程序：扫一扫查出行【扫一扫了解最新限行尾号】
复制小程序
想要阻止点击 #content 区域时触发a事件，需要在 #content 区域内加入阻止事件冒泡的代码，具体代码如下：
<div id="box" onclick="a()">
<div id=content>
</div>
</div>
#box 包括 #content ，当点击 #box 区域任何位置时（包括 #content ），都会触发a事件。想要阻止点击 #content 区域时触发a事件，需要在 #content 区域内加入阻止事件冒泡的代码。 代码如下：
<div id="box" onclick="a()">
<div id="content" 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;
}
}
