给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 @   前端导师歌谣  阅读(30)  评论(0编辑  收藏  举报  
相关博文:
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
点击右上角即可分享
微信分享提示