在div中获取鼠标位置?
可能重复:
鼠标相对于div的位置
在canvas中使用javascript获取鼠标位置
如何在具有固定大小但具有自动边距的canvas中获取鼠标的位置?
我不能使其位置固定,不能只使用页面上的常规鼠标位置。
这段代码很完美:
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 Tutorial网站
$(document).mousemove(function(e){ $('#status').html(e.pageX +', '+ e.pageY); });
注意:修复语法