如何读取event.currentTarget.dataset 集合中的数据
时间: 2024-05-10 10:14:49 浏览: 192
event.currentTarget与event.target的区别介绍
要读取 `event.currentTarget.dataset` 集合中的数据,可以按照以下步骤进行:
1. 首先,获取事件对象 `event`。
2. 然后,从事件对象中获取当前事件的目标元素 `currentTarget`。
3. 最后,从目标元素的 `dataset` 属性中获取对应的数据。
以下是一个示例代码:
```javascript
function handleClick(event) {
const target = event.currentTarget;
const data = target.dataset;
const value = data.mydata; // 这里的 mydata 是一个自定义的数据属性
console.log(value);
}
// 在 HTML 中添加一个包含自定义数据属性的元素
<div data-mydata="Hello, world!" onclick="handleClick(event)">点击我</div>
```
在上面的示例中,当用户点击 `div` 元素时,会触发 `handleClick` 函数。函数中首先获取了事件的目标元素 `target`,然后从 `target` 的 `dataset` 属性中获取了 `mydata` 数据属性的值,并将其输出到控制台上。
阅读全文