徹底弄懂JS的事件冒泡和事件捕獲（不推薦閱讀）
由於搬去敵台了，好久沒來博客園，今天無意中翻到有“誤認子弟”的評論，這里特意做個說明。 本文中關於事件冒泡和事件捕獲的描述和例子都是OK的，錯就錯在后面用jquery去展示了利用事件冒泡的例子有誤，其實這部分就是“事件委托”，而當時的我並不知道，這一點在我很久之前的評論中糾正過。 歸根結底 ...
原文：徹底弄懂JS事件委托的概念和作用
一 寫在前頭 接到某廠電話問什么是事件代理的時候,一開始說addEventListener,然后他說直接綁定新的元素不會報dom不存在的錯誤嗎 然后我就混亂了,我印象中這個方法是可以綁定新節點的。后面才知道,原來他要考察的是事件委托 代理 的原理,他指的是未來還不清楚會創建多少個節點,所以沒辦法實現給他們注冊事件。 二 事件委托 事件代理 的作用 為了方便理解,我先把事件委托的作用寫一下。 支持為 ...
2018-08-18 19:33 2 36276 推薦指數：
相關推薦
徹底弄懂jQuery事件原理一
jQuery為我們提供了一個非常豐富好用的事件API，相對於瀏覽器自身的事件接口，jQuery有以下特點： 1. 對瀏覽器進行了兼容性處理，用戶使用不需要考慮瀏覽器兼容性問題 2. 事件數據是保持在內部緩存中的，而不是保持在DOM節點上 3. 事件委托機制，提供了一個非常簡單的事件委托 ...
js事件、事件委托
事件流 事件流：頁面中接收事件的順序； IE的事件流是冒泡流，其他的瀏覽器是捕獲流，如下圖； DOM事件流 DOM 事件流同時支持這兩種事件流，並且規定DOM任何事件流都包含三個階段：事件捕獲階段、處於目標階段、事件冒泡階段； 注冊事件 之前注冊事件的方法或多或少都會存在一些問題 ...
教你徹底弄懂JS中this的指向
JS 中 this 機制 this 是什么 調用的方法 this 是什么 理解this之前， 先糾正一個觀點，this 既不指向函數自身，也不指函數的詞法作用域。如果僅通過this的英文解釋，太容易產生誤導了。它實際是在函數被調用時才發生的綁定，也就是說this具體指向 ...
徹底弄懂js循環中的閉包問題
第一次接觸這個問題還是在我剛開始學js的時候，當時就是一頭霧水，時隔一年多了，突然又想起了這個問題，在這個春氣盎然的周末，我就坐下來研究下並把結果和大家分享下； 先看代碼：demo.html<!DOCTYPE HTML> <html> <head> ...
事件委托的原理是什么？有什么作用？
原理：利用事件冒泡，只指定一個事件處理程序來管理某一類型的所有事件。 作用：減少DOM操作，節省內存空間，提高性能。 ...
JS 的事件委托機制
以前寫上圖所示的鼠標點擊觸發事件，一般都是用如下所示的給每一個表示列表的標簽綁定一個click事件（演示用的例子的框架是React）： 毫無疑問，這樣是比較繁瑣的，以后維護修改改個函數名什么的還不方便（當然sublime還是有ctrl+d的么= =），水平提高 ...
js中的事件委托
js中的事件委托 1、什么是事件委托？ 2、事件委托的例子 ...