首页 > 代码库 > 阻止子元素继承父元素事件(郁闷我一晚上的问题！)
阻止子元素继承父元素事件(郁闷我一晚上的问题！)
想要阻止点击#p_cont区域时触发a事件，需要在#p_cont区域内加入阻止事件冒泡的代码，具体实现祥看本文，希望对你有所帮助。
#p_box包括#p_cont,当点击#p_box区域任何位置时（包括#p_cont），都会触发a事件。想要阻止点击#p_cont区域时触发a事件，需要在#p_cont区域内加入阻止事件冒泡的代码。
<div id="p_box" onclick="a()" style=‘width:100;height:100px;background-color:#ccc‘> <div id="p_cont" onclick="stopBubble(this.id)" style=‘width:50;height:50px;background-color:#eee‘> </div> </div> <script>function a(){ //这里是a事件的代码 alert(‘a‘);} function stopBubble(e) { if (e && e.stopPropagation) {//非IE浏览器 e.stopPropagation(); } else {//IE浏览器 window.event.cancelBubble = true; } } </script>
效果如下：
解决了，哇哈哈。
阻止子元素继承父元素事件(郁闷我一晚上的问题！)
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。