event.currenttarget

event.currentTarget是JavaScript中的一个事件对象属性，表示当前正在处理事件的元素。它与event.target的区别在于，event.target表示触发事件的元素，而event.currentTarget表示当前正在处理事件的元素。在事件冒泡过程中，event.currentTarget会随着事件的传播而不断改变，而event.target则保持不变。

相关问题

event.target与event.currentTarget

event.target是事件的目标元素，即触发事件的元素。而event.currentTarget是当前事件的处理元素，即事件绑定的元素。如果事件在目标元素上触发，那么event.target和event.currentTarget是相同的。但如果事件在目标元素的子元素上触发，那么event.target是子元素，而event.currentTarget是目标元素。例如：

<div id="parent">
  <button id="child">Click me</button>
</div>

document.getElementById('parent').addEventListener('click', function(event) {
  console.log(event.target.id); // "child"
  console.log(event.currentTarget.id); // "parent"
});

在上面的例子中，当点击子元素按钮时，event.target是子元素按钮，而event.currentTarget是父元素div。

event.currentTarget.dataset怎么用

event.currentTarget.dataset可以用于获取触发当前事件的元素（即事件绑定的元素）的自定义数据属性。例如，在HTML元素中设置了一个data-id的属性，可以使用event.currentTarget.dataset.id来获取该属性的值。代码示例：

HTML代码：

<button data-id="123" onclick="handleClick(event)">点击</button>

JavaScript代码：

function handleClick(event) {
  const id = event.currentTarget.dataset.id;
  console.log(id); // 输出：123
}

在上面的示例中，当点击按钮时，handleClick函数会被调用，并将事件对象event作为参数传递进去。在函数中，我们通过event.currentTarget.dataset.id获取了按钮上的data-id属性值“123”，并将其打印在控制台上。