Heim > Web-Frontend > js-Tutorial > Wie löst man manuell ein Onchange-Ereignis aus, nachdem der Eingabewert mit einem Widget festgelegt wurde?

Wie löst man manuell ein Onchange-Ereignis aus, nachdem der Eingabewert mit einem Widget festgelegt wurde?

Patricia Arquette
Freigeben: 2024-12-26 09:26:16
Original
338 Leute haben es durchsucht

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

So lösen Sie ein Onchange-Ereignis manuell aus, wenn Sie den Eingabewert über ein Widget festlegen

Bei der dynamischen Aktualisierung des Werts eines Datums-/Uhrzeit-Textfelds über ein Kalender-Widget besteht die Notwendigkeit entsteht, um manuell ein Onchange-Ereignis auszulösen. Dies liegt daran, dass die Wertzuweisung des Widgets, wie document.getElementById('datetimetext').value = date_value;, den standardmäßigen Ereignisauslöser umgeht.

Die Lösung liegt im manuellen Versenden eines benutzerdefinierten Ereignisobjekts, wie von MDN vorgeschlagen :

// 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);
Nach dem Login kopieren

Durch das Auslösen dieses benutzerdefinierten Ereignisses können Sie den Onchange-Ereignishandler manuell auslösen, sodass Sie andere Felder auf der Seite zurücksetzen können benötigt.

Das obige ist der detaillierte Inhalt vonWie löst man manuell ein Onchange-Ereignis aus, nachdem der Eingabewert mit einem Widget festgelegt wurde?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage