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

2022-09-05 17:21:09 字數 385 閱讀 4788

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

方式一:event.stoppropagation();

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

方式二:return false;

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

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

場景應用:

示例測試**:

1.單擊輸入框,使輸入框獲取焦點:

2.然後再單擊這裡

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

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

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...