当前位置：首页 > 资讯 > 技术文档

阻止子元素继承父元素事件具体思路及实现

时间：2020-12-24 00:05 编辑：来源：阅读：
扫一扫，手机访问

摘要：阻止子元素继承父元素事件具体思路及实现

<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区域内加入阻止事件冒泡的代码。变成

[u]复制代码[/u] 代码如下:

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

全部评论(0)

上一篇：JavaScript中日常收集常见的10种错误(推荐)
下一篇：令按钮悬浮在(手机)页面底部的实现方法

资讯排行榜
更多>>