1、什么是事件委托(代理)?
——javascript中的事件委托就是利用冒泡原理,将事件绑定到节点的父级节点上,从而触发这些节点执行代码中编写的效果;
2、事件委托的好处:
1)、提高js性能;
2)、后续添加的元素同样能触发事件;
3、理解委托需要掌握的知识点:事件源(event对象中的事件源:无论在哪个事件中,当前操作的元素就是事件源)
IE浏览器中的事件源:window.event.srcElement
标准浏览器中的事件源:event.target
4、通过示例代码理解事件委托:
HTML结构:
- 1111
- 2222
- 3333
- 4444
Javascript代码:
效果图1:
动态新增元素后效果:
事件委托的好处自己体会,文章就写到这里,感谢阅读!