使用jQuery获取鼠标单击图像的X/Y坐标。

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (75)

我想使用jQuery获取图像上的Click事件的X/Y坐标。坐标应该相对于图像,而不是相对于整个页面。

提问于
用户回答回答于

你可以用pageXpageY以获取窗口中鼠标的位置。还可以使用jQuery的offset获得元素的位置。

以下是一个例子:

$(document).ready(function() {
  $('img').click(function(e) {
    var offset = $(this).offset();
    alert(e.pageX - offset.left);
    alert(e.pageY - offset.top);
  });
});

要计算离底部或右边有多远,必须使用jQuery的widthheight方法。

用户回答回答于

注意!这是有区别的e.clientX&e.clientYe.pageXe.pageY

试一试,确保你使用的是正确的。clientXclientY基于滚动位置的变化

扫码关注云+社区

领取腾讯云代金券