阻止子元素继承父元素事件具体思路及实现
更新时间：2013年05月02日 18:06:27 作者：
想要阻止点击#p_cont区域时触发a事件，需要在#p_cont区域内加入阻止事件冒泡的代码，具体实现祥看本文，希望对你有所帮助
复制代码 代码如下:
<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;
}
}
相关文章
这篇文章主要介绍了js实现黑白div块画空心的图形，画出矩形、三角形、菱形、圆形，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-12-12
这篇文章主要介绍了浅谈webpack 自动刷新与解析，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-04-04
变量作用域是程序中定义这个变量的区域。先贴一段代码，如果读者对代码的输出并不感到困惑就不用往下面读了。2011-07-07![[js高手之路]从原型链开始图解继承到组合继承的产生详解](//img.jbzj.com/images/xgimg/bcimg3.png)
下面小编就为大家带来一篇[js高手之路]从原型链开始图解继承到组合继承的产生详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-08-08
对于type来说，更多的是对类型的一种复用，比如在项目中需要用到一些比较复杂的或者书写起来很长的类型，而对于 interface来说，它是正儿八经的用来定义接口类型（约束数类型和属性）的，且接口类型是支持继承和声明合并的，感兴趣的朋友跟随小编一起看看吧2023-07-07
这篇文章主要给大家介绍了关于如何利用d3.js制作连线动画图与编辑器的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用d3.js具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-09-09
JS+Ajax+Jquery实现页面无刷新分页以及分组 超强的实现
JS+Ajax+Jquery实现页面无刷新分页以及分组 超强的实现 加上你的CSS完全可以与EXT媲美哦2009-08-08
属性名大小写问题，如属性window.screen.height2009-06-06
Bootstrap编写一个兼容主流浏览器的受众门户式风格页面
这篇文章主要介绍了Bootstrap编写一个兼容IE8、谷歌等主流浏览器的受众门户式风格页面，感兴趣的小伙伴们可以参考一下2016-07-07
在学习Rx编程的过程中，理解Observable这个概念至关重要，常规学习过程中，通常需要进行多次碰壁才能逐渐开悟。这个有点像小时候学骑自行车，必须摔几次才能掌握一样。当然如果有办法能言传，则可以少走一些弯路，尽快领悟Rx的精妙2021-06-06
![[js高手之路]从原型链开始图解继承到组合继承的产生详解](http://img.jbzj.com/images/xgimg/bcimg3.png)
最新评论