Événement Firefox onchange non déclenché lors du glissement d'entrée de plage

Dans les éléments d'entrée de type « plage », lorsque le curseur est déplacé, le changement L'événement n'est déclenché que lorsque le curseur est déposé à une nouvelle position dans Firefox. En revanche, Chrome et d'autres navigateurs déclenchent des événements onchange pendant le glisser.

Solution : utilisez l'événement oninput

Firefox déclenche correctement l'événement onchange uniquement lors de la publication, conformément au spécification. Pour capturer les mises à jour en direct lors du glisser-déposer dans tous les navigateurs, utilisez plutôt l'événement oninput.

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

Combinaison de oninput et onchange pour plusieurs navigateurs Compatibilité

Pour une compatibilité entre navigateurs, envisagez de combiner les gestionnaires d'événements oninput et onchange :

Cela garantit que les événements onchange sont toujours déclenchés dans Firefox lors de la sortie, tandis que les événements oninput fournissent des mises à jour continues dans tous les navigateurs.