相對鼠標位置，如果元素大於屏幕

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/