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
Patricia Arquetteoriginal
2024-12-26 09:26:16257parcourir

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);

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!

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