Maison > interface Web > js tutoriel > Comment déclencher manuellement un événement Onchange après avoir défini la valeur d'entrée avec un widget ?

Comment déclencher manuellement un événement Onchange après avoir défini la valeur d'entrée avec un widget ?

Patricia Arquette
Libérer: 2024-12-26 09:26:16
original
299 Les gens l'ont consulté

How to Manually Trigger an Onchange Event After Setting Input Value with a Widget?

Comment déclencher manuellement un événement Onchange lors de la définition de la valeur d'entrée via un widget

Lors de la mise à jour dynamique de la valeur d'un champ de texte date-heure via un widget de calendrier, il est nécessaire se pose pour déclencher manuellement un événement onchange. En effet, l'attribution de valeur du widget, comme document.getElementById('datetimetext').value = date_value;, contourne le déclencheur d'événement par défaut.

La solution réside dans la distribution manuelle d'un objet d'événement personnalisé, comme suggéré par MDN. :

// Assuming we're listening for e.g. a 'change' event on `element`

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

// Dispatch it.
element.dispatchEvent(event);
Copier après la connexion

En distribuant cet événement personnalisé, vous pouvez déclencher manuellement le gestionnaire d'événements onchange, vous permettant de réinitialiser d'autres champs de la page comme nécessaire.

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.cn
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal