我想获得鼠标相对于光标所在元素的位置。
以下代码捕获鼠标相对于页面的位置。
$( "div" ).mousemove(function( event ) {
var pageCoords = "( " + event.pageX + ", " + event.pageY + " )";
var clientCoords = "( " + event.clientX + ", " + event.clientY + " )";
$( "span:first" ).text( "( event.pageX, event.pageY ) : " + pageCoords );
$( "span:last" ).text( "( event.clientX, event.clientY ) : " + clientCoords );
});
http://api.jquery.com/mousemove/
最佳答案
试试这个JSFiddle
您需要包括.js文件才能使用此代码:Jquery-2.1.1.js
对于鼠标相对位置,代码如下:
var x,y;
$("#div1").mousemove(function(event) {
var offset = $(this).offset();
x = event.pageX- offset.left;
y = event.pageY- offset.top;
$("#div1").html("(X: "+x+", Y: "+y+")");
});