Ответ 1
Использование jQuery:
var divPos = {};
var offset = $("#divid").offset();
$(document).mousemove(function(e){
divPos = {
left: e.pageX - offset.left,
top: e.pageY - offset.top
};
});
Возможный дубликат:
Положение мыши относительно div
получение позиции мыши с javascript внутри холста
Как я могу получить позицию мыши в холсте, который является фиксированным размером, но имеет автоматический запас?
Я не могу зафиксировать свою позицию и не могу просто использовать обычную позицию мыши на странице.
Этот код отлично работает:
mouseX = e.pageX - div.offsetLeft;
mouseY = e.pageY - div.offsetTop;
Использование jQuery:
var divPos = {};
var offset = $("#divid").offset();
$(document).mousemove(function(e){
divPos = {
left: e.pageX - offset.left,
top: e.pageY - offset.top
};
});
Используйте event.layerX
и event.layerY
, чтобы получить положение мыши относительно текущего элемента:
$('#canvas').mousemove(function(e){
var mousePos = {'x': e.layerX, 'y': e.layerY};
});
Взято с сайта jQuery: Сайт учебника Jquery
$(document).mousemove(function(e){
$('#status').html(e.pageX +', '+ e.pageY);
});
ПРИМЕЧАНИЕ: фиксированный синтаксис