jQuery事件流的順序

2021-09-22 10:35:37 字數 607 閱讀 8687

v>

測試**

var aaron = $("#aaron")

//同乙個元素上繫結不同的事件委託

aaron.on('mousedown','p',function

(e))

aaron.on('mousedown','ul',function

(e))

aaron.on('mousedown',function

(e))

$("#test").on('mousedown',function

())$("body").on('mousedown',function

())

觸發的的結果:

test

委託到p觸發

被阻止了

mousedown

body

根據w3c的事件流,捕獲到目標到冒泡

可以看到

p,ul節點雖然比#test div節點更早接觸到target但是由於p,ul是繫結在#aaron div上的冒泡,所以優先順序要低於#test

但是同乙個元素的優先順序,就要根據元素的巢狀順序了。反正一句話離目標taget越近的越早觸發

jQuery事件流的順序

v 測試 var aaron aaron 同乙個元素上繫結不同的事件委託 aaron.on mousedown p function e aaron.on mousedown ul function e aaron.on mousedown function e test on mousedown ...

Jquery控制點選事件的觸發順序

比如 有兩個方法 var func 1 function var func 2 function 對同個dom繫結這兩個事件,繫結順序為 先繫結func 1,後繫結func 2 id click func 1 id click func 2 那麼,當click事件發生時,觸發順序為 func 2 f...

jQuery事件 表單事件

focus 與 blur 事件 之前學過了表單處理事件focusin事件與focusout事件,同樣用於處理表單焦點的事件還有blur與focus事件 它們之間的本質區別 是否支援冒泡處理 focus 不會冒泡,在元素本身產生 focusin 會冒泡,在元素包含的元素中產生。blur與focusou...