Nhận vị trí chuột trong div?

Question

thể trùng lặp:
Mouse position relative to div
getting mouse position with javascript within canvas

Làm thế nào tôi có thể có được vị trí của con chuột trong một tấm vải đó là một kích thước cố định nhưng có một biên độ tự động?

tôi không thể làm cho vị trí của nó cố định và không thể chỉ sử dụng vị trí chuột thường xuyên trên trang.

Mã này hoạt động hoàn hảo:

mouseX = e.pageX - div.offsetLeft; 
mouseY = e.pageY - div.offsetTop; 

Answer 1

Sử dụng jQuery:

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

Answer 2

Taken từ jQuery trang web: Jquery Tutorial site

$(document).mousemove(function(e){ 
     $('#status').html(e.pageX +', '+ e.pageY); 
    }); 

Chú ý: Cú pháp cố định

Answer 3

Sử dụng event.layerX và event.layerY để có được vị trí tương đối chuột tới phần tử hiện tại:

$('#canvas').mousemove(function(e){ 
    var mousePos = {'x': e.layerX, 'y': e.layerY}; 
});