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

Question

我知道这个问题的变化之前被多次提出过。通过Google输出查找我发现的页面包含以下示例：

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它说＆＃34;这是一种实验性技术......＆＃34;。

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

Answer 1

请尝试此

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

在＆＃34; onClick＆＃34;上调用此功能事件。 You can get the coordinates。 单击元素上的鼠标按钮时输出鼠标指针的坐标。