jQuery получает позицию мыши в элементе

Я надеялся создать элемент управления, в котором пользователь мог бы щелкнуть внутри div, затем перетащить мышь, а затем отпустить ее, чтобы указать, как долго они хотят, чтобы что-то было . (Это для календарного элемента управления, поэтому пользователь будет указывать продолжительность определенного события во времени)

Похоже, что лучший способ сделать это - зарегистрировать событие «mousedown» на родительском div, который, в свою очередь, регистрирует событие «mousemove» в div до тех пор, пока не сработает событие «mouseup». «mousedown» и «mouseup» События будут определять начало и конец временного диапазона, и, следя за событиями «mousemove», я могу динамически изменять размер диапазона, чтобы пользователь мог видеть, что они делают. Я основывал это на том, как события создаются в календаре Google.

Проблема, с которой я столкнулся, заключается в том, что событие jQuery, кажется, предоставляет только надежную информацию о координатах мыши по отношению ко всей странице. Есть ли способ определить, какие координаты относятся к родительскому элементу?

Редактировать:

Вот картина того, что я пытаюсь сделать: m имеет то, что событие jQuery, кажется, предоставляет только надежную информацию о координатах мыши применительно ко всей странице. Есть ли способ определить, какие координаты относятся к родительскому элементу?

Редактировать:

Вот картина того, что я пытаюсь сделать: m имеет то, что событие jQuery, кажется, предоставляет только надежную информацию о координатах мыши применительно ко всей странице. Есть ли способ определить, какие координаты относятся к родительскому элементу?

Редактировать:

Вот картина того, что я пытаюсь сделать: