Относительная позиция мыши, если элемент больше экрана

Question

Как я могу получить текущую позицию мыши относительно элемента div, который больше, чем экран с помощью jQuery?

В моем примере пользователь может перемещаться по осям x и y, но если он нажимает, я хочу получить положение мыши относительно начала divs, а не только страницыX и 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/