码迷,mamicode.com
首页 > 其他好文 > 详细

阻止子元素继承父元素事件(郁闷我一晚上的问题!)

时间:2014-12-03 20:58:48      阅读:97      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   io   color   sp   on   div   2014   

想要阻止点击#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>

  

效果如下:

bubuko.com,布布扣

 

解决了,哇哈哈。

阻止子元素继承父元素事件(郁闷我一晚上的问题!)

标签:style   blog   http   io   color   sp   on   div   2014   

原文地址:http://www.cnblogs.com/lixiuran/p/4141156.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!