Maison > interface Web > js tutoriel > le corps du texte

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

DDD
Libérer: 2024-10-21 18:30:29
original
955 Les gens l'ont consulté

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!

source:php
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!