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

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/