相对鼠标位置，如果元素大于屏幕

Question

如何获取当前鼠标相对于大于jQuery屏幕的div元素？

在我的示例中，用户可以在x和y轴上滚动，但是如果他点击了，我想要获取鼠标相对于div源的位置，而不仅仅是pageX和pageY。

Answer 1

您可以将大的父元素的使用偏移：

var relOffset = $(event.target).offset(); 
var mousePos = { 
    x: event.pageX, 
    y: event.pageY 
}; 
var resultPos = { 
    x: event.pageX - relOffset.left, 
    y: event.pageY - relOffset.top 
} 

这里的jsfiddle一个例子：http://jsfiddle.net/sx8efuyt/