JavaScript/DOM/Event/change

Aus SELFHTML-Wiki
< JavaScript‎ | DOM‎ | Event(Weitergeleitet von Onchange)
Wechseln zu: Navigation, Suche

Der change-Event-Handler Der Eventhandler change wird bei erfolgter Änderung ausgelöst. Diese Wertänderung wird im Normalfall in einem Formular-Element stattfinden.

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 input verwenden.