Eu esperava criar um controle no qual um usuário pudesse clicar dentro de uma div, arrastar o mouse e soltar o mouse para indicar quanto tempo eles querem que algo seja. (Isso é para um controle de calendário, o usuário indicará a duração, no tempo, de um determinado evento)
Parece que a melhor maneira de fazer isso seria registrar um evento "mousedown" na div pai que, por sua vez, registra um evento "mousemove" na div até que um evento "mouseup" seja acionado. Os eventos "mousedown" e "mouseup" definirão o início e o fim do intervalo de tempo e, ao seguir os eventos "mousemove", posso alterar dinamicamente o tamanho do intervalo para que o usuário possa ver o que está fazendo. Baseei isso em como os eventos são criados no Google Agenda.
O problema que estou tendo é que o evento jQuery parece fornecer apenas informações confiáveis sobre as coordenadas do mouse em referência a toda a página. Existe alguma maneira de discernir quais são as coordenadas em referência ao elemento pai?
Editar:
Aqui está uma foto do que estou tentando fazer: