前端面试（4）--事件委派

最新推荐文章于 2024-09-23 17:12:42 发布

全栈工程师MrL

最新推荐文章于 2024-09-23 17:12:42 发布

阅读量109

点赞数

分类专栏：笔记面试橘子太酸辣

本文链接：https://blog.csdn.net/czzyw/article/details/117963325

版权

事件委托冒泡机制动态节点事件绑定容器优化

关键词由CSDN通过智能技术生成

笔记同时被 3 个专栏收录

150 篇文章 1 订阅

订阅专栏

橘子太酸辣

118 篇文章 0 订阅

订阅专栏

面试

4 篇文章 0 订阅

订阅专栏

<!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>
    <h1>事件委派</h1>
    <h3>delegate</h3>
    <h2>原理</h2>
    <ul>
        <li>在一个容器节点上绑定一个事件</li>
        <li>利用冒泡规则</li>
        <li>
            判断该事件是否在与之匹配的指定的选择器上执行
        </li>
    </ul>
    <h2>优点</h2>
    <ul>
        <li>容器节点上只能绑定一个事件，一次哦</li>
        <li>不需要对每一个目标都进行事件绑定</li>
        <li>对于动态插入的节点也可以进行事件绑定</li>
        <li>对动态插入的节点生效，无需重新绑定事件</li>
    </ul>
</body>
</html>

在这里插入图片描述