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