event.currentTarget.dataset怎么用
时间: 2024-05-15 18:18:21 浏览: 199
dataset的使用
event.currentTarget.dataset可以用于获取触发当前事件的元素(即事件绑定的元素)的自定义数据属性。例如,在HTML元素中设置了一个data-id的属性,可以使用event.currentTarget.dataset.id来获取该属性的值。代码示例:
HTML代码:
```html
<button data-id="123" onclick="handleClick(event)">点击</button>
```
JavaScript代码:
```javascript
function handleClick(event) {
const id = event.currentTarget.dataset.id;
console.log(id); // 输出:123
}
```
在上面的示例中,当点击按钮时,handleClick函数会被调用,并将事件对象event作为参数传递进去。在函数中,我们通过event.currentTarget.dataset.id获取了按钮上的data-id属性值“123”,并将其打印在控制台上。
阅读全文