在div中获取鼠标位置?

max*_*hud 19 javascript jquery canvas

可能重复:
相对于div的
鼠标位置在画布中使用javascript获取鼠标位置

如何在具有固定大小但具有自动边距的画布中获取鼠标的位置?

我不能固定它的位置,不能只使用页面上的常规鼠标位置.

这段代码很完美:

mouseX = e.pageX - div.offsetLeft;
mouseY = e.pageY - div.offsetTop;
Run Code Online (Sandbox Code Playgroud)

Pit*_*taJ 20

使用jQuery:

var divPos = {};
var offset = $("#divid").offset();
$(document).mousemove(function(e){
    divPos = {
        left: e.pageX - offset.left,
        top: e.pageY - offset.top
    };
});
Run Code Online (Sandbox Code Playgroud)

  • 不使用jQuery怎么样? (43认同)
  • 改用`getBoundingClientRect`和`addEventListener`,您将不需要jquery :::`var offset = document.querySelector('#divid')。getBoundingClientRect(); document.addEventListener('mousemove',function(e){var pos = {左:e.pageX-offset.left,顶部:e.pageY-offset.top}}`...没有尝试过,但应该可以 (2认同)