JQuery之事件冒泡

Posted 2020-10-16

JQuery 提供了两种方式来阻止事件冒泡。

方法一：event.stopPropagation();

        $("#div1").mousedown(function(event){
            event.stopPropagation();
        });

方法二：return false;

        $("#div1").mousedown(function(event){
            return false;
        });

 

以上两种方法都能阻止事件冒泡的发生，但是也有本质区别：

return false 不仅阻止了事件往上（父 级元素）冒泡，而且阻止了事件本身。

event.stopPropagation()则只阻止事件往上冒泡，不阻止事件本身。