您可以使用pageX
and pageY
来获取鼠标在窗口中的位置.还可以使用jQuery的offset
来获取元素的位置.
因此,距离图像左侧的距离应为pageX - offset.left
,距离图像顶部的距离应为pageY - offset.top
.
下面是一个例子:
$(document).ready(function() {
$('img').click(function(e) {
var offset = $(this).offset();
alert(e.pageX - offset.left);
alert(e.pageY - offset.top);
});
});
我做了一个live example here,here是来源.