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

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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了阻止子元素继承父元素事件具体思路及实现，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含521字，纯文字阅读大概需要1分钟。

内容图文

代码如下:

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

内容总结

以上是互联网集市为您收集整理的阻止子元素继承父元素事件具体思路及实现全部内容，希望文章能够帮你解决阻止子元素继承父元素事件具体思路及实现所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/366619.html

来源：【匿名】