题解 | #事件委托#
事件委托
https://www.nowcoder.com/practice/02866b3ce7f8420c8b5d22f483c5fcc0
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8>
</head>
<body>
<ul>
<li>.</li>
<li>.</li>
<li>.</li>
</ul>
<script type="text/javascript">
// 补全代码
document.querySelector('ul').onclick = function(){
event.target.innerHTML += '.';
}
</script>
</body>
</html>
本题目的原理:利用事件的冒泡阶段,点击li时,事件会冒泡到ul,利用event.target指向实际点击的dom元素。
js面试题 文章被收录于专栏
备战春招中