Question

我只使用JS和HTML，我想知道是否有方法来获取我实际上点击图像的点的坐标。我希望您在使用<area shape="circle" coords="...,...,..."时提供相同的坐标。

我已经尝试过使用pageX，pageY，offsetX，......但是没有任何方法可以解决这个问题......：/

上下文是我的图像比包含它的div大。我希望能够拖动图像。而且我有另一个小图像与大图像（调整为微缩图）和红色矩形相同，所以当我移动大图像时，如果我检查微缩上的矩形，我可以知道我在哪里！

提前感谢您的回复！

Answer 1

可能不是通过HTML，但我知道通过JS / jQuery

$(document).on("mouseover", function(event) {
    console.log("x coord: " + event.clientX);
    console.log("y coord: " + event.clientY);
});

Answer 2

是的。

看看这个帖子。它已经有了你的答案！

jQuery get mouse position within an element

通过'Jball'回答。

一种方法是使用jQuery偏移方法将事件中的event.pageX和event.pageY坐标转换为相对于父项的鼠标位置。以下是未来参考的示例：

$("#something").click(function(e){
var parentOffset = $(this).parent().offset(); 
//or $(this).offset(); if you really just want the current element's offset
var relX = e.pageX - parentOffset.left;
var relY = e.pageY - parentOffset.top;
});

图像HTML上单击点的坐标

2 个答案: