onchange-händelse

DOM-händelser Event-objekt

Definition och användning

Händelsen onchange inträffar när värdet för elementet ändras.

För kryssrutor och kryssrutor inträffar onchange-händelsen när vald tillstånd förändras.

Tips:Detta händelse är liknande oninput-händelseSkillnaden är att oninput-händelsen inträffar omedelbart när elementets värde ändras, medan onchange inträffar när elementet förlorar fokus och innehållet ändras. En annan skillnad är att onchange-händelsen också gäller för <select>-element.

Exempel

Exempel 1

Kör JavaScript när användaren ändrar det valda alternativet i en <select>-element:

<select onchange="myFunction()">

Prova själv

Exempel 2

Kör JavaScript när användaren ändrar innehållet i en inmatningsfält:

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

Prova själv

Syntax

I HTML:

<element onchange="myScript">

Prova själv

I JavaScript:

object.onchange = function(){myScript};

Prova själv

I JavaScript, använd addEventListener() metoden:

object.addEventListener("change", myScript);

Prova själv

Kommentar:Internet Explorer 8 eller tidigare versioner stöder inte addEventListener() metoden.

Tekniska detaljer

Bubbling: Stöd
Kan avbrytas: Ej stödd
Evenstyp: Event
Stödda HTML-taggar: <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-version: Nivå 2-händelser

Webbläsarstöd

Händelser Chrome IE Firefox Safari Opera
onchange Stöd Stöd Stöd Stöd Stöd
DOM-händelser Event-objekt