图像上点击点的坐标HTML

问题描述：

我只使用JS和HTML，我想知道是否有一种方法可以获得点实际点击图像的坐标。例如，我希望使用与您使用<area shape="circle" coords="...,...,..."时给出的坐标相同的坐标。图像上点击点的坐标HTML

我已经尝试过使用pageX属性，pageY，OFFSETX，...但没有这样的工作我的方式...：/

的背景是，我有一个形象比包含DIV更大它。我想要能够拖动图像。而且我还有另一张与大图像相同的小图像（调整为缩略图）和一个红色矩形，因此当我移动大图像时，如果检查缩略图上的矩形，我可以知道自己在哪里！

在此先感谢您的回复！

我不知道你需要找出在什么地方你点击了或者你的问题：为了移动图像，您只需要知道您点击了鼠标并在拖动过程中鼠标移动的方式。而对于你的“概览”图像，你只需要知道你的大图像在div内的位置。我希望我的意思是有道理的。 – mmgross

这是另一个想法，没有出现在我的脑海里。这是有道理的，烨，但我不是更容易？ –

我不知道。我对纯JS并不是很熟悉，现在我没有时间弄清楚。无论如何，想一想：找出点击的确切位置可能会更容易一些，但这会如何帮助您达到预期的效果？ – mmgross

答

是的。

看看这个主题。它已经为你解答了！通过 'Jball'

jQuery get mouse position within an element

答案。

一种方法是使用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; 
});

实际上，我不使用JQuery;）唯一的本地JS：/ –

我已经选中这一点，但它并不作品，总是给我回0值：'（（我来到这里后锯这个解决方案对我没有帮助：'（） –

你太努力了，如果你不知道问题的答案，不要试图通过改变问题来回答问题，这样你就可以得到赞赏和另外：如果你的答案是正确的答案，那么它应该只是一个评论（或者技术上甚至是一个标志）。 – mmgross

答

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

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

我实际上并没有使用JQuery;） –

图像上点击点的坐标HTML

相关推荐