Web API

click

2025-06-05

click[[Element]] 接口上的事件,继承自 [[MouseEvent]],会在一个元素被按下和松开时触发,也就是在 [[mousedown]][[mouseup]] 之后触发。

语法

addEventListener("click", (event) => {});
onclick = (event) => {};

属性

继承: MouseEvent -> UIEvent -> Event

  • .clientX: DOM 中的 X 坐标
  • .clientY: DOM 中的 Y 坐标

使用

const button = document.querySelector("button");
button.addEventListener("click", (event) => {
button.textContent = `Click count: ${event.detail}`;
});