阻止冒泡事件即子元素父元素间的事件继承或传递

来源:互联网 发布:淘宝美工用什么笔记本 编辑:程序博客网 时间:2024/05/21 08:17
<div id=1 onclick="a()">
   <div id=2>
   </div>
</div>
#1包括#2,当点击#1区域任何位置时(包括#2),都会触发a事件。想要阻止点击#2区域时触发a事件,需要在#2区域内加入阻止事件冒泡的代码。
变成
<div id=1 onclick="a()">
   <div id=2 onclick="stopBubble(this.id)">
   </div>
</div>
其中javascript代码为(以下代码没有区别中英文字符,不能直接复制):

function a(){
//这里是a事件的代码}

function stopBubble(e) {   
   if (e && e.stopPropagation) {//非IE浏览器  
        e.stopPropagation();    
     }    
     else {//IE浏览器
         window.event.cancelBubble = true;   
     }   
 }
0 0
原创粉丝点击