JS 获取鼠标点击事件

在 JavaScript 中，可以使用 addEventListener 方法来监听鼠标点击事件，并获取鼠标的位置信息。下面我们将详细介绍如何实现鼠标点击事件的监听及获取鼠标位置信息。

监听鼠标点击事件

使用 addEventListener 方法来监听鼠标点击事件，需要传递两个参数。第一个参数为 click，表示监听鼠标点击事件；第二个参数为回调函数，用于处理鼠标点击事件。

document.addEventListener('click', function(event) {
  // 处理鼠标点击事件
});

获取鼠标位置信息

在回调函数中，可以通过 event 参数来获取鼠标位置信息。其中，event.clientX 表示鼠标相对于浏览器窗口的水平位置，event.clientY 表示鼠标相对于浏览器窗口的垂直位置。

document.addEventListener('click', function(event) {
  const x = event.clientX;
  const y = event.clientY;
  console.log(`鼠标位置：(${x}, ${y})`);
});

完整代码

下面是获取鼠标点击事件并获取鼠标位置信息的完整代码：

document.addEventListener('click', function(event) {
  const x = event.clientX;
  const y = event.clientY;
  console.log(`鼠标位置：(${x}, ${y})`);
});

以上就是使用 JavaScript 监听并获取鼠标点击事件的方法，希望对您有所帮助！