Javascrpt冒泡事件

Posted 2020-08-29

tags:

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

冒泡事件就是有内到外，由下至上如冒泡般触发的顺序

window.onload = function() {
    //冒泡事件就是有内到外，由下至上如冒泡般触发的顺序
    document.onclick = function(){
        alert(‘document‘);
    };
    document.documentElement.onclick = function(){
        alert(‘html‘);
    };
    document.body.onclick = function(){
        alert(‘body‘);
    };
    document.getElementById(‘box‘).onclick = function(){
        alert(‘div‘);
    };
    document.getElementById(‘input‘).onclick = function(evt){
        //阻止冒泡需要stopPropagation()方法
        var e = evt || window.event;
        alert(‘input‘);
        if(e.stopPropagation){
            e.stopPropagation();
        }else {
            e.cancelBubble = true;    //IE兼容
        }
        
    };
}

以上是关于Javascrpt冒泡事件的主要内容，如果未能解决你的问题，请参考以下文章