阻止默认行为阻止冒泡

Posted 2020-10-07

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了阻止默认行为阻止冒泡相关的知识，希望对你有一定的参考价值。

什么是默认行为？

var a = document.getElementById(‘a‘);
a.addEventListener(‘click‘,function(e){
    e.preventDefault();
},false);

兼容性问题：

function preventDefault(event){
    var event = $$.getEvent(event);
    if(event.preventDefault){
        event.preventDefault();
    }else{
        event.returnValue = false; //微软
    }
}

什么是阻止冒泡

$$(‘div2‘).addEventListener(‘click‘,function(event){
    event.stopPropagation();
},false)

兼容性问题

function stopPropagation(event){
    var event = $$.getEvent(event);
    if(event.stopPropagation){
        event.stopPropagation();
    }else{
        event.cancelBubble = true;
    }
}

以上是关于阻止默认行为阻止冒泡的主要内容，如果未能解决你的问题，请参考以下文章

阻止默认行为 阻止冒泡

阻止默认行为阻止冒泡