onchange-Ereignis

DOM-Ereignisse Event-Objekt

Definition und Verwendung

Das onchange-Ereignis wird ausgelöst, wenn der Wert des Elements geändert wird.

Für die Auswahlkästchen und die Kontrollkästchen wird das onchange-Ereignis ausgelöst, wenn der gewählte Zustand geändert wird.

Hinweis:Dieses Ereignis ähnelt oninput-Ereignis. Der Unterschied liegt darin, dass das oninput-Ereignis sofort nach der Änderung des Elementsvalue ausgelöst wird, während das onchange-Ereignis erst ausgelöst wird, wenn das Element den Fokus verliert und der Inhalt geändert wird. Ein weiterer Unterschied ist, dass das onchange-Ereignis auch für das <select>-Element gilt.

Beispiel

Beispiel 1

Führen Sie JavaScript aus, wenn der Benutzer die ausgewählte Option des <select>-Elements ändert:

<select onchange="myFunction()">

Versuchen Sie es selbst

Beispiel 2

Führen Sie JavaScript aus, wenn der Benutzer den Inhalt des Eingabefelds ändert:

<input type="text" onchange="myFunction()">

Versuchen Sie es selbst

Syntax

In HTML:

<element onchange="myScript">

Versuchen Sie es selbst

In JavaScript:

object.onchange = function(){myScript};

Versuchen Sie es selbst

In JavaScript, verwenden Sie die Methode addEventListener():

object.addEventListener("change", myScript);

Versuchen Sie es selbst

Anmerkung:Internet Explorer 8 oder frühere Versionen unterstützen dies nicht addEventListener() Methode.

Technische Details

Blasen: Unterstützung
Kann abgebrochen werden: Nicht unterstützt
Art des Ereignisses: Event
Unterstützte HTML-Tags: <input type="checkbox">, <input type="color">, <input type="date">, <input type="datetime">, <input type="email">, <input type="file">, <input type="month">, <input type="number">, <input type="password">, <input type="radio">, <input type="range">, <input type="search">, <input type="tel">, <input type="text">, <input type="time">, <input type="url">, <input type="week">, <select> sowie <textarea>
DOM-Version: Level 2 Ereignisse

Browser-Unterstützung

Ereignisse Chrome IE Firefox Safari Opera
onchange Unterstützung Unterstützung Unterstützung Unterstützung Unterstützung
DOM-Ereignisse Event-Objekt