计算图像的单击偏移量

Question

  

可能重复：
  getting the X/Y coordinates of a mouse click on an image with jQuery

我想计算一个图像的点击位置，让我们说这将是一个例子：

如果我在某个地方点击它，我想在图像上显示点击区域的X / Y位置的警报，图像上有像素，所以它应该显示x像素偏移和y像素偏移

这可能与Javascript有关吗？任何例子都将不胜感激。

Answer 1

使用JQuery，使用要减去元素偏移量的事件的pageX和pageY值。

http://jsfiddle.net/BramVanroy/D63KS/1/

$(document).ready(function(){
    $('img').mousedown(function(e){
        var offset = {
            x: e.pageX - $(this).offset().left,
            y: e.pageY - $(this).offset().top
        }
            $('#info').html('{'+offset.x+'; '+offset.y+'}');
    });
});​

Answer 2

你可以做这样的事情来获得x和y，其中'theimage'是你图像的id

$("#theimage").live("click",function(e){
e.preventDefault();
    var x = e.pageX - $(this).offset().left;
    var y = e.pageY - $(this).offset().top;


});