Evento de cambio no activado al arrastrar en Firefox para el rango de tipo de entrada

El evento de cambio para un elemento normalmente se activa cuando el usuario cambia su valor. Sin embargo, en Firefox, este evento solo se activa cuando se suelta el control deslizante después de arrastrarlo. Esto difiere de navegadores como Chrome, donde el evento se activa durante la operación de arrastre.

Solución: usar el evento oninput

Para resolver esta discrepancia y habilitar actualizaciones continuas de valores durante arrastre en Firefox, se recomienda utilizar el evento oninput en lugar de onchange. El evento oninput captura actualizaciones en vivo desde el mouse y el teclado, lo que garantiza actualizaciones de valor continuas en los principales navegadores, incluidos Firefox, Safari y Chrome.

Combinando oninput y onchange

Para compatibilidad con navegadores antiguos como IE10, que no admiten oninput, puede combinar ambos controladores de eventos. Esto garantiza que se manejen tanto las actualizaciones continuas de valores durante el arrastre como la actualización del valor final al liberar:

Información adicional

Para obtener más detalles sobre el comportamiento del evento onchange en los navegadores, consulte el siguiente hilo de Bugzilla: https://bugzilla.mozilla. org/show_bug.cgi?id=1145662.