JQuery中阻止事件冒泡方式及其區別

jquery 提供了兩種方式來阻止事件冒泡。

方式一：event.stoppropagation();

$("#div1").mousedown(function(event));

方式二：return false;

$("#div1").mousedown(function(event));

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

示例測試**：當文字輸入框獲取焦點後，在div1的mousedown事件中採用 event.stoppropagation(); **，我們滑鼠單擊紅色區域後文字輸入框游標失去。而當我們使用 return false; **時，滑鼠單擊紅色區域游標仍然停留在文字輸入框內。

1.單擊輸入框，使輸入框獲取焦點：

2.然後再單擊這裡

JQuery中阻止事件冒泡方式及其區別

方式一 event.stoppropagation div1 mousedown function event 方式二 return false div1 mousedown function event 但是這兩種方式是有區別的。return false 不僅阻止了事件往上冒泡，而且阻止了事件本身...

JQuery中阻止事件冒泡方式及其區別

jquery 提供了兩種方式來阻止事件冒泡。方式一 event.stoppropagation div1 mousedown function event 方式二 return false div1 mousedown function event 但是這兩種方式是有區別的。return false...

JQuery中阻止事件冒泡方式及其區別

jquery 提供了兩種方式來阻止事件冒泡。方式一 event.stoppropagation div1 mousedown function event 方式二 return false div1 mousedown function event 但是這兩種方式是有區別的。return false...