javascript - 当我将鼠标悬停在元素上时如何获取鼠标的偏移量..使用 jquery

Question

这是我的代码，有一个错误:

    $('#map_canvas').mouseover(function(e){
        console.log(e.offset().left+'  '+e.offset().top)
        })

谢谢

---

我这样做，它总是 log (0, 0):

$('#map_canvas').mouseover(function(e){
var offset = $('#map_canvas').offset(); 
console.log(offset.top+'  '+offset.left); //offset of 'realtiveDiv'
console.log(e.pageX +'  '+e.pageY); // mouse position absolute
})

为什么？

谢谢

Answer 1

$('#map_canvas').mouseover(function(e){
    var offset = $('#map_canvas').offset(); 
    var x = e.pageX - offset.left;
    var y = e.pageY - offset.top;

    console.log('X: '+x+' Y: '+y); //you want this

    //console.log(offset.top+'  '+offset.left); //offset of 'realtiveDiv'
    //console.log(e.pageX +'  '+e.pageY); // mouse position absolute
});

---

更新:
如果 offset.top 和 offset.left 记录 (0, 0)，则表示您正在记录其 offset 的元素从 ( 0, 0).换句话说，该元素位于屏幕的左上角。