onchange-tapahtuma

DOM-tapahtumat Event-objekti

Määrittely ja käyttö

Kun elementin arvo muuttuu, tapahtuu onchange-tapahtuma.

Valintaruudun ja valintaruudukon valinnan muuttuessa tapahtuu onchange-tapahtuma.

Vinkki:Tämä tapahtuma muistuttaa oninput-tapahtuma. Eroja ovat, että oninput-tapahtuma tapahtuu heti, kun elementin arvo muuttuu, kun taas onchange tapahtuu, kun elementti menettää fokuksen ja sisältö muuttuu. Toinen ero on, että onchange-tapahtuma sovelletaan myös <select>-elementtiin.

Esimerkki

Esimerkki 1

Suorita JavaScript, kun käyttäjä muuttaa valittua vaihtoehtoa <select>-elementissä:

<select onchange="myFunction()">

Kokeile itse

Esimerkki 2

Suorita JavaScript, kun käyttäjä muuttaa syötteen sisältöä:

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

Kokeile itse

Syntaksi

HTML:ssä:

<elementti onchange="myScript">

Kokeile itse

JavaScriptissa:

objekti.onchange = function(){myScript};

Kokeile itse

JavaScriptissa, käytä addEventListener() -menetelmää:

objekti.addEventListener("change", myScript);

Kokeile itse

Huomautus:Internet Explorer 8 tai aikaisemmat versiot eivät tue addEventListener() -menetelmä.

Tekninen tarkistus

Bubble: Tuki
Peruutettavissa: Ei tuettu
Tapahtumatyypit: Event
Tuetut HTML-merkit: <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> ja <textarea>
DOM-versio: Tason 2-tapahtumat

Selaimen tuki

Tapahtumat Chrome IE Firefox Safari Opera
onchange Tuki Tuki Tuki Tuki Tuki
DOM-tapahtumat Event-objekti