美文网首页
阻止事件冒泡

阻止事件冒泡

作者: jiaomeichen | 来源:发表于2017-11-06 13:16 被阅读0次
1、阻止事件冒泡 - jQuery的两种方式
语法:1)event.stopPropagation();//阻止冒泡
      2)return false;//取消默认行为,阻止冒泡
区别:1)return false不仅阻止了事件往上冒泡,而且阻止了事件本身;
      2)event.stopPropagation()只阻止了事件往上冒泡,不阻止事件本身。
2、取消默认行为
event.preventDefault();//比如跳转动作
3、兼容写法
1)阻止事件冒泡
function stopBubble(e){
     if(e && e.stopPropagation){
           e.stopPropagation();
     }else{
           window.event.cancelBubble = true ;
     }
}
2)阻止事件默认行为
function stopDefault( e ) { 
    if ( e && e.preventDefault ) {
        e.preventDefault(); 
    }else{ 
        window.event.returnValue = false; 
    }
    return false; 
}

相关文章

网友评论

      本文标题:阻止事件冒泡

      本文链接:https://www.haomeiwen.com/subject/dtttrxtx.html