您的位置:首页 > Web前端 > JQuery

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

2016-12-01 16:18 399 查看
<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;   
     }   
 }
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  jquery javascript