题解 | #事件委托#
事件委托
https://www.nowcoder.com/practice/02866b3ce7f8420c8b5d22f483c5fcc0
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
/* 填写样式 */
</style>
</head>
<body>
<ul>
<li>.</li>
<li>.</li>
<li>.</li>
</ul>
<!-- 填写标签 -->
<script type="text/javascript">
// 填写JavaScript
document.querySelector('ul').onclick = event => {
// e.target 是被点击的元素 => 判断当前是否点击的是li元素，是的话就拼接字符串
if (event.target && event.target.nodeName.toLowerCase() === "li") {
// 赋值
event.target.innerText += '.'
}
}
</script>
</body>
</html>
概念：事件委托允许您避免向特定节点添加事件监听器；相反，事件侦听器被添加到一个父级。该事件侦听器分析冒泡事件以查找子元素的匹配项。
#前端面试手撕题#
查看3道真题和解析