js获取鼠标点击位置坐标
时间: 2023-09-03 14:05:30 浏览: 110
基于JavaScript实现 获取鼠标点击位置坐标的方法
5星 · 资源好评率100%
可以使用鼠标事件对象(MouseEvent)获取鼠标点击位置的坐标。
如下面的示例代码所示,可以在鼠标点击事件处理函数中,通过鼠标事件对象的 clientX 和 clientY 属性获取鼠标点击位置的坐标:
```javascript
document.addEventListener('click', function(event) {
console.log('鼠标点击位置坐标:', event.clientX, event.clientY);
});
```
其中,event.clientX 和 event.clientY 分别表示鼠标点击位置相对于浏览器窗口左上角的水平和垂直坐标。如果需要获取相对于页面文档左上角的坐标,可以使用 event.pageX 和 event.pageY 属性。
阅读全文