获取鼠标位置坐标
# 获取相对于“触发事件的元素”的坐标
通过 event 对象的 offsetX 和 offsetY 可以获取到鼠标相对于当前所指向对象的坐标。
window.addEventListener('mousemove',event => {
//获取相对于当前所指向元素的位置坐标
console.log(xiangevent.offsetX,event.offsetY)
})
1
2
3
4
2
3
4
# 获取相对于屏幕的坐标
通过 event 对象的 screenX 和 screenY 可以获取屏幕坐标(包括上面浏览器工具栏标签页)
# 获取相对于浏览器可视区域的坐标
通过 event 对象的 clientX 和 clientY 可以获取鼠标相对于浏览器视口(即滚动条之外的部分忽略掉)的坐标。
# 参考:
编辑 (opens new window)
上次更新: 2022/09/23