<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!--
事件委托
- 因为我们的冒泡机制,点击子元素的时候,也会同步触发父元素的相同事件
- 所以我们就可以把子元素的事件委托给父元素来做
事件委托的背景
1.多个子元素,添加多次相同的事件,影响性能
2.后面动态添加的元素,没有绑定事件
事件委托:将添加在多个子节点上的事件,放在父节点上,因为父节点只有一个
1.给父元素添加事件
2.通过事件对象,找到事件源
标准浏览器: event.target
IE浏览器: event.srcElement
3.如果需要给指定子元素进行处理,则通过条件过滤
-->
</body>
</html>
js - 事件委托
最新推荐文章于 2024-04-03 12:14:33 发布