Comment obtenir un comportement cohérent de l'événement de changement de type d'entrée = plage dans les navigateurs ?

Comportement incohérent de l'événement Onchange pour le type d'entrée = plage dans Firefox par rapport aux autres navigateurs

Lorsque vous travaillez avec , une différence notable entre Firefox et les autres navigateurs réside dans le comportement de l'événement onchange. Dans Firefox, cet événement se déclenche uniquement lors du relâchement du curseur, tandis que d'autres navigateurs l'invoquent tout au long du processus de déplacement.

Pour obtenir un comportement cohérent entre les navigateurs et obtenir des mises à jour en direct lors du déplacement, utilisez l'événement oninput en conjonction avec onchange. Cette approche capture les mises à jour dans Firefox, Safari et Chrome, quelle que soit la source d'entrée (souris ou clavier).

Voici un exemple de code mis à jour :

<code class="html"><span id="valBox"></span>
<input type="range" min="5" max="10" step="1" oninput="showVal(this.value)" onchange="showVal(this.value)" /></code>

Cette gestion combinée des événements garantit que la fonction showVal est invoquée à la fois pendant la phase de glissement (oninput) et le moment de libération de la valeur (onchange), offrant une expérience cohérente sur tous les principaux navigateurs. Consultez le fil de discussion Bugzilla pour plus de détails sur cet écart de comportement.

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!