题解 | #事件委托#

事件委托

http://www.nowcoder.com/practice/02866b3ce7f8420c8b5d22f483c5fcc0

01_事件委托

本题考点:点击事件、事件捕获、事件冒泡

根据题目要求,需要在“ul”标签上添加事件代理,即添加点击事件。当“li”被点击时,事件捕获到该标签并且向上冒泡直到找到拥有点击事件的标签,核心步骤有:

  1. 给“ul”添加点击事件
  2. 在点击事件函数中获取到点击事件“event”
  3. 判断触发该点击事件的“event”目标是否为“li”标签
  4. 如果是“li”标签,则修改该标签的内容

参考答案

document.querySelector('ul').onclick = event => {
    event = event || window.event
    if(event.target.nodeName.toLowerCase() === 'li') {
        event.target.innerText += '.'
    }
}

全部评论
event = event || window.event ?
1 回复 分享
发布于 2022-01-13 11:43

相关推荐

评论
27
4
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务