Javascript 使用jQuery确定单击的左偏移量

Javascript 使用jQuery确定单击的左偏移量,javascript,jquery,click,Javascript,Jquery,Click,假设你有一个200像素宽的图像。有没有办法确定您单击的图像离左边有多远?例如,如果你在死点点击,你会得到100。我试着使用ui.position.left之类的东西,但没能实现。有什么想法吗?首先,获取图像的X位置。接下来,使用事件信息获取单击事件的X位置 一旦有了这两个,就可以通过简单的数学运算得出结果: $('#yourImg').click(function(e){ var imageLeft = $(this).offset().left; var clickLeft =

假设你有一个200像素宽的图像。有没有办法确定您单击的图像离左边有多远?例如,如果你在死点点击,你会得到100。我试着使用ui.position.left之类的东西,但没能实现。有什么想法吗?

首先,获取图像的X位置。接下来,使用事件信息获取单击事件的X位置

一旦有了这两个,就可以通过简单的数学运算得出结果:

$('#yourImg').click(function(e){
    var imageLeft = $(this).offset().left;
    var clickLeft = e.pageX;
    var howFarFromLeft = clickLeft - imageLeft;
});

首先,获取图像的X位置。接下来,使用事件信息获取单击事件的X位置

一旦有了这两个,就可以通过简单的数学运算得出结果:

$('#yourImg').click(function(e){
    var imageLeft = $(this).offset().left;
    var clickLeft = e.pageX;
    var howFarFromLeft = clickLeft - imageLeft;
});

您需要在单击时找到鼠标坐标(通过使用单击事件,
event.pageX
event.pageY
)。然后找到图像在主体中的位置。然后从鼠标位置中减去它


结果将是图像中的坐标

您需要在单击时找到鼠标坐标(通过使用单击事件,
event.pageX
event.pageY
)。然后找到图像在主体中的位置。然后从鼠标位置中减去它

结果将是图像中的坐标