«

什么是事件委派

yang 发布于 阅读:382 JS基础阶段


1. 事件委派的概念

为什么要使用事件委派?

当用户交互时产生的新节点,在页面加载时不能绑定上事件,此时就需要使用事件委派

事件委派的概念

1.用户交互产生的新节点,在页面加载时绑定不上事件。将事件绑定在页面加载时就存在的公共祖先元素上。

2.利用事件冒泡机制,点击子节点时,事件从子节点底层一层层向上传播,此时绑定事件的祖先元素就能获取到该事件。

3.利用事件对象event反查事件源,再根据事件源的nodeName等属性进行区分

2. 事件四要素

1.事件源--事件发生的源头
2.事件类型--用于描述发生了什么样的事件
3.事件处理函数--事件发生时执行的函数
4.事件对象--用于记录事件的相关细节,事件触发时系统自动创建
    e / event 事件对象
    e.target 事件源
    e.type 事件类型
    e.target.nodeName 事件源的大写节点名
    e.target.localName 事件源的小写节点名

什么是事件委派

版权所有:微4e
文章标题:什么是事件委派
除非注明,文章均为 微4e 原创,请勿用于任何商业用途,禁止转载

推荐阅读:


扫描二维码,在手机上阅读
请先 登录 再评论