Maison >interface Web >js tutoriel >Comment déclencher un événement Onchange pour la plage de types d'entrée lors d'un glisser-déposer dans Firefox ?

Comment déclencher un événement Onchange pour la plage de types d'entrée lors d'un glisser-déposer dans Firefox ?

DDD
DDDoriginal
2024-10-21 18:30:291070parcourir

How to Trigger Onchange Event for Input Type Range on Drag in Firefox?

É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

Solution : utiliser 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, notamment Firefox, Safari et Chrome.

Combinant 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 du onchange dans les navigateurs, reportez-vous au fil de discussion Bugzilla suivant : https://bugzilla.mozilla.org/show_bug.cgi?id=1145662.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn