事件委托

␆␡␂␇

于 2021-05-21 00:21:19 发布

阅读量192

点赞数

分类专栏：笔记

本文链接：https://blog.youkuaiyun.com/weixin_49614436/article/details/117093427

版权

笔记专栏收录该内容

2 篇文章

订阅专栏

事件委托是一种优化JavaScript事件处理的策略，通过在父元素上设置事件监听器，利用事件冒泡来处理子元素的事件。这种方法减少了事件处理程序的数量，提高了性能，并允许动态添加的元素依然能响应事件。此外，它还有助于防止内存泄漏。本文详细介绍了事件委托的工作原理，包括捕获阶段、目标阶段和冒泡阶段，并探讨了其在实际应用中的好处。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

事件委托：
事件委托也叫事件代理，事件委托就是利用事件冒泡，只制定一个事件处理程序，就可以管理某一类型的所有事件

<body>
        <ul>
            <li>111</li>
            <li>222</li>
            <li>333</li>
            <li>444</li>
            <li>555</li>
        </ul>
</body>
<script>
    let ul = document.querySelector('ul');
    let li = document.querySelector('li');
    ul.onclick = function (event) {
        event = event || window.event;//兼容所有浏览器
        let item = event.target;//event.target为当前点击的li
        alert(item.innerHTML)
    }
</script>