<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>事件委托</title>
</head>
<body>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
<script>
// 利用事件冒泡,和事件源对象进行处理
// 优点:
// 1.性能 不需要循环所有的元素一个个绑定事件
// 2.灵活 当有新的子元素时不需要重新绑定事件
const ul = document.getElementsByTagName('ul')[0];
ul.onclick = function (e) {
console.log(e.target.innerText)
}
</script>
</body>
</html>