Я надеялся создать элемент управления, в котором пользователь мог бы щелкнуть внутри элемента div, затем перетащить мышь, а затем отпустить кнопку мыши, чтобы указать, как долго они хотят, чтобы что-то было. (Это для элемента управления календаря, поэтому пользователь будет указывать длительность определенного события)
Похоже, что лучший способ сделать это - зарегистрировать событие «mousedown» в родительском div, которое, в свою очередь, регистрирует событие «mousemove» в div, пока не будет запущено событие «mouseup». События «mousedown» и «mouseup» будут определять начало и конец временного диапазона, и, следуя событиям «mousemove», я могу динамически изменять размер диапазона, чтобы пользователь мог видеть, что он делает. Я основал это на том, как события создаются в календаре Google.
Проблема, с которой я столкнулся, заключается в том, что событие jQuery, по-видимому, предоставляет только надежную информацию о координатах мыши в отношении всей страницы. Есть ли способ узнать, какие координаты относятся к родительскому элементу?
Редактировать:
Вот картина того, что я пытаюсь сделать: