事件冒泡簡述及應用

2022-05-26 07:42:09 字數 1128 閱讀 1713

事件**或者事件委託的含義等同於事件冒泡。

事件捕獲方式(描述事件觸發時序問題)有三種:

(1)ie從裡到外(inside→outside)的冒泡型事件。

(2)netscape4.0從外到裡(outside→inside)的捕獲型事件。

(3)dom事件流,先從外到裡,再從裡到外回到原點(outside→inside→outside)的事件捕獲方法  

兩個應用:

1.事件冒泡允許多個操作被集中處理(把事件處理器新增到乙個父級元素上,避免把事件處理器新增到多個子級元素上),它還可以讓你在物件層的不同級別捕獲事件。

111li>

222li>

333li>

444li>

ul>

window.onload = function()

}

為保證等同於在每個li新增的函式

window.onload = function()}}

這樣寫優點:1.效能更優,記憶體占用更少,執行速度更快;2.在動態再新增乙個節點時,方法同樣能作用在該節點

2.讓不同的物件同時捕獲同一事件,並呼叫自己的專屬處理程式做自己的事情

<divid="parent">

<divid="child" class="child">

document.getelementbyid("parent").addeventlistener("click",function(e))

document.getelementbyid("child").addeventlistener("click",function(e))

執行結果:child事件被觸發,child

parent事件被觸發,parent

補充:阻止事件冒泡:e.stoppropagation()

以下事件不冒泡:blur、focus、load、unload

指令簡述及分類

是指示計算機執行某種操作的命令,是計算機執行的最小功能單位。指令集 指令系統 一台計算機上的所有指令的集合 又叫架構 intel上用x86 手機上用的是arm架構 一條指令就是機器語言的乙個語句,是一組二進位制 1 不需要運算元,如空操作 停機 關中斷等指令 2 堆疊計算機買兩個運算元隱含在棧頂 次...

jQuery事件繫結 on 簡要概述及應用

前幾天在看 jquery基礎教程 看到事件委託的時候,關於live 方法講的不是很詳細,就去搜了一下關於live 和delegate 的。然後在一處看到live 已經被移除了,囧,然後去看了最新的jq原始碼,果然被移除了,現在是1.9.1版本,不知道live 是在之前哪個版本被移除的,慚愧啊,之前都...

jQuery事件繫結 on 簡要概述及應用

前幾天看到事件委託的時候,關於live 方法講的不是很詳細,就去搜了一下關於live 和delegate 的,最後看原始碼發現bind 和delegate 都是由on 實現的,感興趣的朋友可以了解下,或許本文對你有所幫助 前幾天在看 jquery基礎教程 看到事件委託的時候,關於live 方法講的不...