JavaScript/DOM/Event/change

Aus SELFHTML-Wiki
< JavaScript‎ | DOM‎ | Event
Wechseln zu: Navigation, Suche

Der change-Event-Handler wird bei erfolgter Änderung eines Eingabeelements ausgelöst. Diese Wertänderung wird im Normalfall in einem Formular-Element stattfinden. Das change-Event feuert, wenn die Wertänderung abgeschlossen ist. Das kann beim Verlassen des Feldes sein (Wechsel des Fokus) oder auch sofort bei Checkboxen oder Radiobuttons.

bubbles

ja

cancelable

nein

mögliche Auslöser

input, select, textarea

Event-Objekt

Event

Beispiel ansehen …
var elem = document.getElementById("Auswahl");
elem.addEventListener("change", Auswählen);

function Auswählen() {
    var x = document.getElementById("Auswahl").value;
    alert('Sie haben einen '+ x +' ausgewählt!');
}

Im Beispiel wird ein select-Auswahlmenü angezeigt. Wenn der Anwender irgendetwas in das Feld eingibt und anschließend woanders hin klickt, wird der Event-Handler change aktiv, der im HTML-Tag des mehrzeiligen Eingabefeldes notiert ist. Im Beispiel wird einfach der aktuelle geänderte Inhalt des Feldes in einem Meldungsfenster ausgegeben.

Beachten Sie: Dieser Event-Handler wird nicht sofort bei der Änderung eines Formularfeldes aufgerufen, sondern erst nachdem ein anderes Feld nach der Änderung angewählt wurde. Ist dies nicht gewollt, kann man das input-Event verwenden.