jquery如何阻止事件冒泡

2019-12-12 07:12:18

什麼是事件冒泡，事件冒泡會從當前觸發的事件目標一級一級往上傳遞，依次觸發，直到document為止

return false;

可以阻止預設事件和冒泡事件

event.stopPropagation();

事件處理過程中，阻止了事件冒泡，但不會阻擊預設行為；在ie中使用event.cancelBubble =true;

但是這兩種方式是有區別的。return false 不僅阻止了事件往上冒泡，而且阻止了事件本身。event.stopPropagation() 則只阻止事件往上冒泡，不阻止事件本身。

相關：event.preventDefault();事件處理過程中，不阻擊事件冒泡，但阻擊預設行為；在ie中使用event.returnValue=false;

例子：圖中程式碼為jquery阻止事件冒泡的正確使用方法

以下為例子展示情況