Maison >interface Web >js tutoriel >Comment puis-je déclencher manuellement un événement Onchange dans les navigateurs modernes ?

Comment puis-je déclencher manuellement un événement Onchange dans les navigateurs modernes ?

Linda Hamilton
Linda Hamiltonoriginal
2024-12-14 03:06:09743parcourir

How Can I Manually Trigger an Onchange Event in Modern Browsers?

Comment déclencher manuellement un événement Onchange dans les navigateurs modernes

Dans le contexte d'un champ de texte date-heure, vous devrez peut-être déclencher manuellement l'événement onchange pour réinitialiser les champs associés sur la page. L'événement onchange conventionnel ne se déclenche que lorsque l'élément obtient le focus et que sa valeur est modifiée en cas de perte du focus.

Heureusement, les navigateurs modernes offrent une solution plus propre :

  1. Créer un nouveau Événement : Utilisez new Event('change') pour créer un nouvel événement de changement.
  2. Expédiez le Événement : Distribuez l'événement créé à l'aide de element.dispatchEvent(event), où element est l'entrée du champ de texte.

Cette approche simule un événement onchange régulier et déclenche tous les écouteurs d'événement enregistrés. Cela évite d'avoir à jongler avec une concentration complexe ou à dépendre de déclencheurs spécifiques comme la perte de concentration.

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