深入理解事件捕獲冒泡

2022-08-12 23:42:23 字數 623 閱讀 6841

看到乙個網友的日誌,發現自己對事件冒泡捕獲並沒有完全理解透。借用一下這個例子和大家**一下:

/* 假設有指令碼片段如下 */

document.body.addeventlistener(

"mousedown",

function(e),

false

);document.body.addevnetlistener(

"mousedown",

function(e),

true

);點選紅色區域div,輸出:

timing: 1 事件二觸發

timing: 3 事件一觸發

點選空白區域body  輸出:

timing: 2 事件一觸發

timing: 2 事件二觸發

繫結事件的第三個引數表示事件觸發的時機,true是捕獲階段觸發,false是冒泡階段觸發,捕獲階段觸發事件會稍微快一點點,但是ie只支援事件冒泡。

給元素繫結多個事件 執行的順序  :標準瀏覽器下順序執行,ie下倒序執行    (前提條件--繫結事件的觸發時機必須一致,這裡是不一定一致的,如果點選body哪eventphase都為2順序執行,如果點選紅色區域,乙個eventphase為1,乙個為3所以為1的先執行)

深入理解事件冒泡和事件捕捉

前幾天做到阿里的前端面試題,其中的一道選擇題考查的知識點就是事件的傳播,當時做題的時候不確定答案所以決定總結下這方面的知識點。首先事件傳播分為三個階段 第一階段 發生在目標處理程式呼叫之前,稱為捕獲階段 第二階段 目標物件本身的事件處理程式呼叫 第三階段 發生在目標處理程式呼叫之後,稱為冒泡階段 回...

深入理解氣泡排序

氣泡排序可能非你所想。氣泡排序的思路 給定乙個陣列,每次迴圈出最大的數依次向後排,並將較小的數向前冒。平均時間複雜度 o n 2 最好情況 o n 已經排好序 最壞情況 o n 2 倒敘的時候 空間複雜度 o 1 沒有占用額外的空間 穩定性 穩定 排序前相等的兩個數,排序後位置不變 氣泡排序值得注意...

氣泡排序深入理解

她到目前為止最喜歡的演算法是 氣泡排序 這是bessie的對長度為n的陣列a進行排序的奶牛碼實現。sorted false while not sorted sorted true moofor i 0 to n 2 if a i 1 a i swap a i a i 1 sorted false顯...