原文:彻底弄懂JS事件委托的概念和作用

一 写在前头 接到某厂电话问什么是事件代理的时候,一开始说addEventListener,然后他说直接绑定新的元素不会报dom不存在的错误吗 然后我就混乱了,我印象中这个方法是可以绑定新节点的。后面才知道,原来他要考察的是事件委托 代理 的原理,他指的是未来还不清楚会创建多少个节点,所以没办法实现给他们注册事件。 二 事件委托 事件代理 的作用 为了方便理解,我先把事件委托的作用写一下。 支持为 ...

2018-08-18 19:33 2 36276 推荐指数:

查看详情

彻底弄懂JS事件冒泡和事件捕获(不推荐阅读)

由于搬去敌台了,好久没来博客园,今天无意中翻到有“误认子弟”的评论,这里特意做个说明。 本文中关于事件冒泡和事件捕获的描述和例子都是OK的,错就错在后面用jquery去展示了利用事件冒泡的例子有误,其实这部分就是“事件委托”,而当时的我并不知道,这一点在我很久之前的评论中纠正过。 归根结底 ...

Sat Jul 09 00:05:00 CST 2016 14 105656
彻底弄懂jQuery事件原理一

jQuery为我们提供了一个非常丰富好用的事件API,相对于浏览器自身的事件接口,jQuery有以下特点: 1. 对浏览器进行了兼容性处理,用户使用不需要考虑浏览器兼容性问题 2. 事件数据是保持在内部缓存中的,而不是保持在DOM节点上 3. 事件委托机制,提供了一个非常简单的事件委托 ...

Mon Nov 28 09:14:00 CST 2016 0 3288
js事件事件委托

事件流  事件流:页面中接收事件的顺序; IE的事件流是冒泡流,其他的浏览器是捕获流,如下图; DOM事件流 DOM 事件流同时支持这两种事件流,并且规定DOM任何事件流都包含三个阶段:事件捕获阶段、处于目标阶段、事件冒泡阶段; 注册事件 之前注册事件的方法或多或少都会存在一些问题 ...

Fri May 20 07:13:00 CST 2016 1 1807
教你彻底弄懂JS中this的指向

JS 中 this 机制 this 是什么 调用的方法 this 是什么 理解this之前, 先纠正一个观点,this 既不指向函数自身,也不指函数的词法作用域。如果仅通过this的英文解释,太容易产生误导了。它实际是在函数被调用时才发生的绑定,也就是说this具体指向 ...

Fri Dec 21 22:05:00 CST 2018 0 3727
彻底弄懂js循环中的闭包问题

第一次接触这个问题还是在我刚开始学js的时候,当时就是一头雾水,时隔一年多了,突然又想起了这个问题,在这个春气盎然的周末,我就坐下来研究下并把结果和大家分享下; 先看代码:demo.html<!DOCTYPE HTML> <html> <head> ...

Sat Apr 30 17:25:00 CST 2016 1 7571
事件委托的原理是什么?有什么作用

  原理:利用事件冒泡,只指定一个事件处理程序来管理某一类型的所有事件。   作用:减少DOM操作,节省内存空间,提高性能。 ...

Thu Jul 18 09:56:00 CST 2019 0 704
JS事件委托机制

     以前写上图所示的鼠标点击触发事件,一般都是用如下所示的给每一个表示列表的标签绑定一个click事件(演示用的例子的框架是React):        毫无疑问,这样是比较繁琐的,以后维护修改改个函数名什么的还不方便(当然sublime还是有ctrl+d的么= =),水平提高 ...

Sat Nov 19 01:18:00 CST 2016 0 1985
js中的事件委托

js中的事件委托 1、什么是事件委托? 2、事件委托的例子 ...

Sat Dec 04 04:22:00 CST 2021 0 151
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM