onchange-hændelse

DOM-hændelser Event-objekt

Definition og brug

En onchange-hændelse udløses, når værdien af elementet ændres.

For afkrydsningsfelter og flercellefelt, udløses onchange-hændelsen, når tilstand ændres.

Vedligeholdelse:Dette event ligner oninput-hændelse.Forskellen er, at oninput-tilsigtet sker øjeblikkeligt, når elementets værdi ændres, mens onchange sker, når elementet mister fokus og indholdet ændres. En anden forskel er, at onchange-tilsigtet gælder også for <select>-elementer.

Eksempel

Eksempel 1

Kør JavaScript, når brugeren ændrer den valgte option i <select>-elementet:

<select onchange="myFunction()">

Prøv det selv

Eksempel 2

Kør JavaScript, når brugeren ændrer indholdet af inputfeltet:

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

Prøv det selv

Syntaks

I HTML:

<element onchange="myScript">

Prøv det selv

I JavaScript:

object.onchange = function(){myScript};

Prøv det selv

I JavaScript, brug addEventListener() metoden:

object.addEventListener("change", myScript);

Prøv det selv

Bemærk:Internet Explorer 8 eller tidligere versioner understøtter ikke addEventListener() metoden.

Tekniske detaljer

Bobbel: Support
Kan annulleres: Ikke understøttet
Evenet type: Event
Støttede HTML-mærker: <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> samt <textarea>
DOM 版本： DOM-version:

Level 2-hændelser

Browsersupport Chrome IE Firefox Safari Opera
onchange Support Support Support Support Support
DOM-hændelser Event-objekt