javascript - 如何计算与DIV位置相关的鼠标坐标

Question

我有一个 DIV，我可以使用 .offset() 获得偏移量。

但我正在尝试获取与 div 相关的鼠标位置。当我悬停 DIV 时，我可以获得鼠标的 x 和 y 偏移量。但那些将与 Document 相关的计算。但应按以下方式计算。

 For example DIV dimensions are 200 and 200.
 then it should calculate offsets related to (0,200)(200,0),(200,200),(200,200).

请帮助我。我怎么能做到这一点。

Answer 1

你的意思是：

$('#someele').click(function(e) {
  var offset = $(this).offset();
  var x = Math.floor(e.pageX - offset.left);
  var y = Math.floor(e.pageY - offset.top);
  console.log('x pos:' +  x  + ' y pos:' + y);
});