在框中获取鼠标的X，Y坐标

下面的代码将为您提供在给定框中单击鼠标的X，Y坐标。 删除所有与偏移有关的内容，您可以轻松获得点击相对于浏览器窗口的X，Y坐标。

$(function() {
$("#demo-box").click(function(e) {

  var offset = $(this).offset();
  var relativeX = (e.pageX - offset.left);
  var relativeY = (e.pageY - offset.top);

  alert("X: " + relativeX + "  Y: " + relativeY);

});
});

例

点击下面的方框

翻译自: https://css-tricks.com/snippets/jquery/get-x-y-mouse-coordinates/