onchange Ereignis

<Ereignisobjekt

Beispiel

Führen Sie einen JavaScript , wenn ein Benutzer die ausgewählte Option eines ändert <select> Element:

Versuch es selber "

Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.

Definition und Verwendung

Das OnChange-Ereignis tritt ein, wenn der Wert eines Elements geändert wurde.

Für Radiobuttons und Kontrollkästchen, tritt das onchange Ereignis, wenn der Überprüfungsstatus geändert wurde.

Tipp: Dieses Ereignis ist ähnlich dem oninput Ereignis. Der Unterschied besteht darin, dass die oninput Ereignis auftritt, unmittelbar nachdem der Wert eines Elements geändert hat, während Onchange tritt auf, wenn das Element den Fokus verliert, nachdem der Inhalt geändert wurde. Der andere Unterschied ist , dass das Ereignis onchange funktioniert auch auf <keygen> und <select> Elemente.

Browser-Unterstützung

Event
onchange	Ja	Ja	Ja	Ja	Ja

Syntax

In HTML:

< Versuch es selber "

In JavaScript:

object .onchange=function(){ Versuch es selber "

In JavaScript mit den addEventListener() Methode:

object .addEventListener("change", myScript );

Versuch es selber "

Hinweis: Die addEventListener() Methode wird nicht unterstützt in Internet Explorer 8 und früheren Versionen.

Technische Details

Blasen:	Ja
Es fällt eine Pauschale:	Nein
Event-Typ:	Event
Unterstützte HTML-Tags:	<Input type = "checkbox">, <input type = "color">, <input type = "date">, <input type = "datetime"> <input type = "email">, <input type =“ Datei ">, <input type =" Monat "> <input type =" number ">, <input type =" password ">, <input type =" radio ">, <input type =" range ">, < input type = "search">, <input type = "tel">, <input type = "text">, <input type = "Zeit">, <input type = "url">, <input type = "Woche „>, <keygen>, <select> und <textarea>
DOM Version:	Level 2 Veranstaltungen