如何在没有JQuery的情况下使用JavaScript正确获取鼠标坐标

How to correctly get mouse coordinates with JavaScript without JQuery?

本文关键字：JavaScript 获取 坐标 鼠标 情况下 JQuery      更新时间：2023-09-26

我知道这个问题的变体以前被问过很多次。通过谷歌的输出，我发现页面上有这样的例子：

function point_it(event) {
pos_x = event.offsetX ? (event.offsetX) : event.pageX - document.getElementById("pointer_div").offsetLeft;
pos_y = event.offsetY ? (event.offsetY) : event.pageY - document.getElementById("pointer_div").offsetTop;
document.pointform.form_x.value = pos_x;
document.pointform.form_y.value = pos_y;
}

代码是有效的，但当我看到MouseEvent.offsetX上面写着"这是一项实验性技术…"。

所以我的问题是，使用上述结构是否省钱？学习如何使用JQuery更好吗？

请尝试此

function getClickPosition(e) {
    var xPosition = e.clientX;
    var yPosition = e.clientY;
}

在"onClick"事件中调用此函数。你可以得到坐标。在元素上单击鼠标按钮时输出鼠标指针的坐标。

相关文章：