JS事件委托

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

树叶开心

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

阅读量370

点赞数

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

本文链接：https://blog.csdn.net/qq_38206576/article/details/88550176

版权

JS基础专栏收录该内容

14 篇文章 0 订阅

订阅专栏

事件委托是什么
事件委托是给父元素绑定事件，监听子元素的冒泡事件。
为何使用事件委托
使用事件委托可以避免给每个元素添加事件，减少了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>