事件冒泡

冒泡实例:



    
        
        事件冒泡
        
    
    
        

btn1按钮 进行了阻止冒泡 点击只触发btn1()事件
btn2按钮 没有进行阻止冒泡 点击之后会触发btn2()和app()事件

        
父子div都绑定了click事件

点击子div后父div同时触发click事件,造成事件并发。

阻止JavaScript事件冒泡传递(cancelBubble 、stopPropagation)
        function app(e){
            //e.stopPropagation()
            e.cancelBubble=true;
            console.log("app")
        }

你可能感兴趣的:(事件冒泡)