Evento de cambio de Firefox no activado al arrastrar la entrada de rango

En elementos de entrada con tipo "rango", cuando se arrastra el control deslizante, el cambio El evento solo se activa cuando el control deslizante se coloca en una nueva posición en Firefox. Por el contrario, Chrome y otros navegadores activan eventos de cambio durante el arrastre.

Solución: use el evento de entrada

Firefox activa correctamente el evento de cambio solo al momento del lanzamiento, según el especificación. Para capturar actualizaciones en vivo durante el arrastre en todos los navegadores, use el evento oninput en su lugar.

function showVal(newVal){
    document.getElementById("valBox").innerHTML=newVal;
}

Combinando oninput y onchange para varios navegadores Compatibilidad

Para compatibilidad entre navegadores, considere combinar los controladores de eventos oninput y onchange:

Esto garantiza que los eventos onchange se sigan activando en Firefox tras su lanzamiento, mientras que los eventos oninput proporcionan actualizaciones continuas en todos los navegadores.