Evento Onchange não acionado ao arrastar no Firefox para intervalo de tipo de entrada

O evento onchange para um elemento normalmente é acionado quando o usuário altera seu valor. Porém, no Firefox, esse evento só é acionado quando o controle deslizante é liberado após ser arrastado. Isso difere de navegadores como o Chrome, onde o evento é acionado durante a operação de arrastar.

Solução: usando evento oninput

Para resolver essa discrepância e ativar atualizações contínuas de valor durante arrastar no Firefox, é recomendado usar o evento oninput em vez de onchange. O evento oninput captura atualizações ao vivo da entrada do mouse e do teclado, garantindo atualizações contínuas de valor em todos os principais navegadores, incluindo Firefox, Safari e Chrome.

Combinando oninput e onchange

Para suporte em navegadores mais antigos como o IE10, que não suportam oninput, você pode combinar os dois manipuladores de eventos. Isso garante que tanto as atualizações contínuas de valor durante o arrasto quanto a atualização final do valor na liberação sejam tratadas:

Informações adicionais

Para obter mais detalhes sobre o comportamento do evento onchange em navegadores, consulte o seguinte tópico do Bugzilla: https://bugzilla.mozilla. org/show_bug.cgi?id=1145662.