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;
    }
}