什么是事件委派
1. 事件委派的概念
为什么要使用事件委派?
当用户交互时产生的新节点,在页面加载时不能绑定上事件,此时就需要使用事件委派
事件委派的概念
1.用户交互产生的新节点,在页面加载时绑定不上事件。将事件绑定在页面加载时就存在的公共祖先元素上。
2.利用事件冒泡机制,点击子节点时,事件从子节点底层一层层向上传播,此时绑定事件的祖先元素就能获取到该事件。
3.利用事件对象event反查事件源,再根据事件源的nodeName等属性进行区分
2. 事件四要素
1.事件源--事件发生的源头
2.事件类型--用于描述发生了什么样的事件
3.事件处理函数--事件发生时执行的函数
4.事件对象--用于记录事件的相关细节,事件触发时系统自动创建
e / event 事件对象
e.target 事件源
e.type 事件类型
e.target.nodeName 事件源的大写节点名
e.target.localName 事件源的小写节点名
推荐阅读:
扫描二维码,在手机上阅读