Question

我需要在HTML页面的特定坐标处放置一个img（image1.png）。点击后如何找到鼠标的坐标？有人可以写一个JavaScript（没有JQuery）函数来找到鼠标的x和y坐标吗？

注意：这应该是HTML页面上的鼠标坐标，而不是屏幕。

Answer 1

试试这个：

function getMouseCoordinates(event) {
var x, y;

x = event.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
y = event.clientY + document.body.scrollTop + document.documentElement.scrollTop + 1;

return [x,y];
}

Answer 2

尝试阅读MouseEvent clientX Property这是对您所需内容的解释。

在元素上单击鼠标按钮时输出鼠标指针的坐标：

var x = event.clientX;     // Get the horizontal coordinate
var y = event.clientY;     // Get the vertical coordinate
var coor = "X coords: " + x + ", Y coords: " + y;

coor的结果可能是： X坐标：142，Y坐标：99

如何在HTML中查找鼠标的坐标

2 个答案: