摘要:事件捕獲目標事件階段事件冒泡什么是事件委托解釋了事件冒泡和事件捕獲,來說說事件委托吧。事件委托利用了事件冒泡機制,只指定一個事件處理程序,就可以管理某一類型的所有事件。
什么是事件捕獲
事件從一個不太具體的節點捕獲到最具體的節點。例如,有一個DIV注冊了一個綁定事件,那么事件捕獲的過程是document》html》body》div
什么是事件冒泡
事件從一個具體的節點到不太具體的節點。例如,有一個DIV注冊了一個綁定事件,那么事件冒泡的過程是div》body》html》document
DOM事件流
事件流一共三個階段。事件捕獲》目標事件階段》事件冒泡
什么是事件委托
解釋了事件冒泡和事件捕獲,來說說事件委托吧。事件委托利用了事件冒泡機制,只指定一個事件處理程序,就可以管理某一類型的所有事件。是不是聽起來有點拗口?舉個例子。一個ul列表里有很多個li元素,li需要綁定點擊事件,通過事件委托給ul綁定點擊事件就可以管理ul下所有的li的點擊事件。
為什么要使用事件委托
當頁面有很多復雜的事件程序,就會有很多代碼用來添加事件處理程序,內存消耗也會更大,代碼也不優雅。使用了事件委托,可以只取得一個DOM元素,添加一個事件處理程序,就可以管理它的子節點所有同類事件。處理時間和性能消耗都會大大的減少
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/105397.html
摘要:前言梳理一下中還不太熟悉的事件綁定統一用摒棄掉之前的解綁事件統一用語法糖,支持多個事件綁定同一個函數語法糖,支持多個事件綁定不同的函數語法糖,支持多個事件綁定不同的函數可以往里傳參可以給未創建的上綁定事件只能采取事件委托的形式所以寫成這樣是 前言 梳理一下Jquery中還不太熟悉的API Jquery事件綁定統一用on(摒棄掉之前的click,bind),解綁事件統一用off 語法...
摘要:前言梳理一下中還不太熟悉的事件綁定統一用摒棄掉之前的解綁事件統一用語法糖,支持多個事件綁定同一個函數語法糖,支持多個事件綁定不同的函數語法糖,支持多個事件綁定不同的函數可以往里傳參可以給未創建的上綁定事件只能采取事件委托的形式所以寫成這樣是 前言 梳理一下Jquery中還不太熟悉的API Jquery事件綁定統一用on(摒棄掉之前的click,bind),解綁事件統一用off 語法...
摘要:前言梳理一下中還不太熟悉的事件綁定統一用摒棄掉之前的解綁事件統一用語法糖,支持多個事件綁定同一個函數語法糖,支持多個事件綁定不同的函數語法糖,支持多個事件綁定不同的函數可以往里傳參可以給未創建的上綁定事件只能采取事件委托的形式所以寫成這樣是 前言 梳理一下Jquery中還不太熟悉的API Jquery事件綁定統一用on(摒棄掉之前的click,bind),解綁事件統一用off 語法...
摘要:上一篇文章介紹了這個工具庫中的第二個依賴,這個工具庫主要完成了一個簡易的事件訂閱發布器。節點事件綁定判斷一個元素是否是節點,是通過構造函數和屬性來判斷的。 上一篇文章介紹了clipboard.js這個工具庫中的第二個依賴tiny-emitter,這個工具庫主要完成了一個簡易的事件訂閱發布器。這次介紹一下clipboard.js源碼中的最后一個依賴的輕型工具庫good-listener,...
摘要:原文地址事件代理和委托在中這個詞經常出現,看字面的意思,代理委托。模型將事件處理流程分為三個階段一事件捕獲階段,二事件目標階段,三事件起泡階段。事件目標當到達目標元素之后,執行目標元素該事件相應的處理函數。 原文地址:JavaScript 事件代理和委托 在javasript中delegate這個詞經常出現,看字面的意思,代理、委托。那么它究竟在什么樣的情況下使用?它的原理又是什么?在...
閱讀 3669·2021-11-23 09:51
閱讀 1662·2021-10-22 09:53
閱讀 1345·2021-10-09 09:56
閱讀 853·2019-08-30 13:47
閱讀 2155·2019-08-30 12:55
閱讀 1597·2019-08-30 12:46
閱讀 1105·2019-08-30 10:51
閱讀 2410·2019-08-29 12:43