Evento onchange do Firefox não acionado no arrasto de entrada do intervalo

Em elementos de entrada com tipo "intervalo", quando o controle deslizante é arrastado, o onchange O evento só é acionado quando o controle deslizante é colocado em uma nova posição no Firefox. Em contraste, o Chrome e outros navegadores acionam eventos onchange durante o arrasto.

Solução: use evento oninput

O Firefox aciona corretamente o evento onchange somente após o lançamento, conforme o especificação. Para capturar atualizações ao vivo durante o arrastamento em todos os navegadores, use o evento oninput.

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

Combinando oninput e onchange para vários navegadores Compatibilidade

Para compatibilidade entre navegadores, considere combinar manipuladores de eventos oninput e onchange:

Isso garante que os eventos onchange ainda sejam acionados no Firefox após o lançamento, enquanto os eventos oninput fornecem atualizações contínuas em todos os navegadores.