题解 | #事件委托#
事件委托
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面试题 文章被收录于专栏
备战春招中