Événement Onchange non déclenché lors du glisser dans Firefox pour la plage de types d'entrée

L'événement onchange pour un élément se déclenche généralement lorsque l'utilisateur modifie sa valeur. Cependant, dans Firefox, cet événement n'est déclenché que lorsque le curseur est relâché après avoir été déplacé. Cela diffère des navigateurs comme Chrome, où l'événement est déclenché lors de l'opération de glissement.

Solution : utilisation de l'événement oninput

Pour résoudre cet écart et activer les mises à jour continues des valeurs pendant faites glisser dans Firefox, il est recommandé d'utiliser l'événement oninput au lieu de onchange. L'événement oninput capture les mises à jour en direct à partir des entrées de la souris et du clavier, garantissant des mises à jour continues des valeurs dans tous les principaux navigateurs, y compris Firefox, Safari et Chrome.

Combinaison de oninput et onchange

Pour la prise en charge des navigateurs plus anciens comme IE10, qui ne prennent pas en charge oninput, vous pouvez combiner les deux gestionnaires d'événements. Cela garantit que les mises à jour continues des valeurs pendant le glisser et la mise à jour de la valeur finale lors de la libération sont gérées :

Informations supplémentaires

Pour plus de détails sur le comportement de l'événement onchange dans les navigateurs, reportez-vous au fil de discussion Bugzilla suivant : https://bugzilla.mozilla. org/show_bug.cgi?id=1145662.