JS基礎 事件 事件流

2021-09-26 18:54:59 字數 407 閱讀 4321

總所周知,js和html之間的互動是通過事件實現的,互動過程中會產生許多事件,而從頁面上接收事件的順序就是事件流。事件流分為ie的事件冒泡流和netscape的事件捕獲流

這是指ie的事件流,即事件開始時由最具體的元素接收,然後逐級向上傳播到文件節點。所有的瀏覽器都在支援事件冒泡。但是ie5.5及之下會跳過html元素,而ie9及通用瀏覽器會一直冒泡到window物件。即是一種由內向外的擴充套件

這是由netscape團隊提出的一種事件流,其思想是不太具體的節點應該更早接收到事件,而最具體的節點應該最後接收到事件。事件捕獲的順序與事件冒泡的順序相反,是由外向內的探索,ie9及通用瀏覽器都支援事件捕獲

dom2級事件規定的事件流包括三個階段:事件捕獲階段、處於目標階段、事件冒泡階段。首先發生事件捕獲,會先後發生捕獲和冒泡。

JS基礎 事件 事件委託

我們都知道,在js中,新增到頁面上的處理程式數量將直接影響到整體執行效能。因為事件的執行會一直占用記憶體,因此當事件的數量達到一定的程度之後,就會嚴重影響程式的效能,一種提公升效能的方式就是使用事件委託 事件委託利用了事件冒泡,只指定乙個事件處理程式,就可以管理某一型別的所有事件。適合使用事件委託的...

事件 事件流理解

當我們給元素繫結好單擊事件,單擊這個元素,就會執行相應的 但是如果這個元素的父元素 祖先元素都繫結了單擊事件,他們會執行嗎?他們的執行順序是什麼呢?可以嘗試把頁面理解為乙個二維的平面,想象有一張白紙,我們在這張紙上畫下了一層一層的同心圓,當我們用手指按住最內的圓圈時,也按住了紙上所有的同心圓,也按住...

JS基礎 事件 事件處理程式

在了解完事件流和事件物件之後,我們來看事件三劍客的最後一客 事件處理程式。在事件被使用者觸發之後,都有乙個相應這個操作的處理函式,這個函式就叫做事件處理器 事件偵聽器 在定義的時候不能使用未經定義的html轉義的html字元。在處理過程中,首先建立乙個封裝元素屬性值的函式,這個函式中有乙個區域性變數...