给ui下面的li绑定事件

给ui下面的li绑定事件

```

给下面的每个li绑定点击事件 点击打印的结果分别是 1 2 3(提示:事件委托)

  • 1
  • 2
  • 3
Document
  • 1
  • 2
  • 3
</ul>
<script>
    var ul = document.querySelector('ul');
    ul.addEventListener('click', function (e) {
        var target = e.target;
        switch (target.id) {
            case 'first':
                console.log(1);
                break;
            case 'second':
                console.log(2);
                break;
            case 'third':
                console.log(3);
                break;
        }
    })
</script>

```

运行结果

在这里插入图片描述

posted @ 2023-09-14 09:30  前端导师歌谣  阅读(34)  评论(0)    收藏  举报  来源