js - 事件委托

最新推荐文章于 2024-04-03 12:14:33 发布

不想掉头发的小猴子

最新推荐文章于 2024-04-03 12:14:33 发布

阅读量118

点赞数

文章标签： html 前端 javascript

本文链接：https://blog.csdn.net/weixin_57135131/article/details/127796264

版权

<!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>