Maison >interface Web >js tutoriel >Comment puis-je déclencher manuellement un événement Onchange pour un champ Date-Heure ?

Comment puis-je déclencher manuellement un événement Onchange pour un champ Date-Heure ?

Barbara Streisand
Barbara Streisandoriginal
2024-12-23 00:01:17169parcourir

How Can I Manually Trigger an Onchange Event for a Date-Time Field?

Déclenchement manuel des événements Onchange

Lors de la définition de la valeur d'un champ de texte date-heure via un widget de calendrier, le résultat souhaité est de réinitialiser d'autres champs de la page lors de la modification de la valeur date-heure. Cependant, le simple fait de définir la valeur via JavaScript ne déclenche pas l'événement onchange nécessaire.

Pour déclencher manuellement un événement onchange, il existe une solution utilisant les fonctionnalités du navigateur moderne :

Tout d'abord, créez un nouveau 'change ', comme démontré dans le code suivant :

// Create a new 'change' event
var event = new Event('change');

Ensuite, envoyez l'événement à la cible element :

// Dispatch the event
element.dispatchEvent(event);

Cette approche vérifie efficacement les différences de valeurs dans le champ de texte et permet l'action appropriée en cas de modification manuelle. Il fournit une méthode plus propre et plus standardisée pour déclencher des événements de changement par rapport aux approches alternatives.

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