wydarzenie onchange
Przykład
Wykonaj JavaScript, gdy użytkownik zmieni wybraną opcję elementu <select>:
<select onchange="myFunction()">
Więcej przykładów „Wypróbuj sam” poniżej.
Definicja i użycie
Zdarzenie onchange występuje, gdy wartość elementu została zmieniona.
W przypadku przycisków radiowych i pól wyboru zdarzenie onchange występuje po zmianie stanu zaznaczonego.
Wskazówka: to zdarzenie jest podobne do zdarzenia oninput . Różnica polega na tym, że zdarzenie oninput występuje natychmiast po zmianie wartości elementu, podczas gdy onchange występuje, gdy element traci fokus, po zmianie zawartości. Inną różnicą jest to, że zdarzenie onchange działa również na elementach <select>.
Obsługa przeglądarki
Event | |||||
---|---|---|---|---|---|
onchange | Yes | Yes | Yes | Yes | Yes |
Składnia
W HTML:
<element onchange="myScript">
W JavaScript:
object.onchange = function(){myScript};
W JavaScript za pomocą metody addEventListener():
object.addEventListener("change", myScript);
Uwaga: Metoda addEventListener() nie jest obsługiwana w programie Internet Explorer 8 i wcześniejszych wersjach.
Szczegóły techniczne
Bąbelki: | tak |
---|---|
Możliwość anulowania: | Nie |
Typ wydarzenia: | Wydarzenie |
Obsługiwane tagi HTML: | <input type="pole wyboru">, <input type="color">, <input type="data">, <input type="datetime">, <input type="email">, <input type=" plik">, <input type="miesiąc">, <input type="number">, <input type="hasło">, <input type="radio">, <input type="zakres">, < input type="search">, <input type="tel">, <input type="text">, <input type="time">, <input type="url">, <input type="week ">, <wybierz> i <obszar tekstowy> |
Wersja DOM: | Wydarzenia poziomu 2 |
Więcej przykładów
Przykład
Wykonaj JavaScript, gdy użytkownik zmieni zawartość pola wejściowego:
<input type="text"
onchange="myFunction()">