获取盒子内鼠标的 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);

});
});

示例

点击下面的方框