javascript events - onmouseenter - javascript-events: ''mouseup'' no se dispara después de mousemove

onmouseout

Question

Estoy tratando de arrastrar una imagen con javascript (sin bibliotecas). Soy capaz de escuchar los eventos "mousedown" y "mousemove". Por alguna razón, no puedo capturar el evento "mouseup" después de mover el mouse. (Puedo capturar mouseup si es un clic, pero no si es un arrastre). He intentado escuchar el evento en el documento, la ventana y la imagen. Aquí está la url a mi página de prueba:

https://dl-web.dropbox.com/get/Public/move.html?w=74a0d498

Cualquier ayuda en esto sería apreciada grandemente !!! ¡Gracias!

Answer 1

¡Estaba encontrando exactamente este mismo problema! Añadiendo event.preventDefault(); funcionó para mí, pero me vi obligado a agregarlo a las funciones mousedown y mousemove.

Answer 2

Encontró el problema, si va a ser de ayuda para alguien:

He añadido event.preventDefault(); en el evento mousedown y ahora estoy recibiendo notificaciones de mouseup .

Answer 3

Extrañamente, descubrí que cuando configuro mi texto como no seleccionable con el siguiente CSS, eso también impide que el evento de mouseup se dispare, tal vez esto ayude a alguien más.

-moz-user-select: none;
-khtml-user-select: none;
user-select: none;