JS事件委托

最新推荐文章于 2023-06-27 17:18:45 发布

树叶开心

最新推荐文章于 2023-06-27 17:18:45 发布

阅读量451

点赞数

CC 4.0 BY-SA版权

分类专栏： JS基础文章标签： JS 事件委托事件 js javascript

本文链接：https://blog.youkuaiyun.com/qq_38206576/article/details/88550176

JS基础专栏收录该内容

14 篇文章

订阅专栏

本文深入讲解了事件委托的概念，解释了为何使用事件委托可以提升网页性能，并通过实例演示了如何利用事件委托简化事件监听的实现。

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

事件委托是什么
事件委托是给父元素绑定事件，监听子元素的冒泡事件。
为何使用事件委托
使用事件委托可以避免给每个元素添加事件，减少了DOM操作，提高性能。
如何使用事件委托
用事件委托的方式实现点击每个li，弹出1234

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<ul id="ul1">
	    <li>1</li>
	    <li>2</li>
	    <li>3</li>
	    <li>4</li>
	</ul>
</body>
<script>
	document.getElementById('ul1').addEventListener('click', function() {
		alert("1234")
	})
</script>
</html>