javascript - 鼠标位置和偏移

Question

我在某个网页上获取鼠标坐标并保存它们。

$("div#container").mousemove( function(e) {
      client_x = e.pageX;
  client_y = e.pageY;

  // save x,y

});

现在其他人加载相同的页面，我想向他们显示相同的坐标(x，x 位置)。

如果我必须考虑 div#container 与它在浏览器中的位置不同(考虑屏幕分辨率和滚动)，我怎么能得到相同的观点？

Answer 1

我会使用父 div 容器的 $.offset().top 和 $.offset().left，并计算与当前容器的差异鼠标光标的 X 和 Y 坐标。

.offset() 始终引用文档而不是元素的父级。

例如:

$('#element').mousemove(function(e){
    var client_x = e.pageX;
    var client_y = e.pageY;
    var elementOffset = $(this).offset();
    client_x -= elementOffset.left;
    client_y -= elementOffset.top;

    // save x, y.
});

然后，在其他用户的显示器上，显示添加到他的偏移量后的坐标。