概述
复制代码 代码如下:
<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区域内加入阻止事件冒泡的代码。
变成
复制代码 代码如下:
<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;
}
}
最后
以上就是笨笨糖豆为你收集整理的阻止子元素继承父元素事件具体思路及实现的全部内容，希望文章能够帮你解决阻止子元素继承父元素事件具体思路及实现所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复