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

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/