小程序踩坑之获取不到e.target.dataset的值

最新推荐文章于 2025-04-27 15:39:49 发布

weixin_34062329

最新推荐文章于 2025-04-27 15:39:49 发布

阅读量4.2k

点赞数 5

CC 4.0 BY-SA版权

文章标签： javascript 数据库 ViewUI

原文链接：https://segmentfault.com/a/1190000017130981

本文探讨了在JavaScript中使用事件对象获取HTML元素data属性值的正确方法，指出应使用e.currentTarget.dataset.id而非e.target.dataset.id，并提醒避免使用驼峰命名的data属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在页面与js传值中我们经常用到data-id="1"的方式，然后通过e.target.dataset.id取id的值
今天在获取值时怎么也取不到，后来发现e对象有currentTarget和target属性，而dataset就在currentTarget中，所以通过e.currentTarget.dataset.id取到了正确的值。
另外data-id="1"最好不要用驼峰命名如：data-Id="1" ，这样有时候也取不到值。