Pangyayaring onchange

DOM Events Event Obheto

Paglilinaw at paggamit

Nang magbago ang halaga ng elemento, magaganap ang pangyayaring onchange.

Para sa single checkbox at checkbox, nang nagbago ang estado ng pinili, nagaganap ang pangyayaring onchange.

Mga tagubilin:Ang pangyayari na ito ay katulad ng oninput Event.Ang kaibahan nito ay ang oninput event ay nangyayari kaagad kapag nagbago ang halaga ng elemento, habang ang onchange ay nangyayari kapag nawala ang fokus ng elemento at nagbago ang nilalaman. Ang isa pang kaibahan ay ang onchange event ay naaangkop din sa <select> element.

Mga halimbawa

Halimbawa 1

Ipatnugot ang JavaScript kapag nagbago ang piniling opsyon ng user sa <select> element:

<select onchange="myFunction()">

Subukan natin ito

Halimbawa 2

Ipatnugot ang JavaScript kapag nagbago ang nilalaman ng input field ng user:

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

Subukan natin ito

Gramata

Sa HTML:

<element onchange="myScript">

Subukan natin ito

Sa JavaScript:

object.onchange = function(){myScript};

Subukan natin ito

Sa JavaScript, gamit ang addEventListener() method:

object.addEventListener("change", myScript);

Subukan natin ito

Komentaryo:Hindi suportado ng Internet Explorer 8 o mas maaga Mga paraan ng addEventListener().

Detalye ng teknolohiya

Buong balon: Support
Maaaring kanselahin: Hindi suportado
Uri ng pangyayari: Event
Suportadong HTML tag: <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> at <textarea>
DOM Version: Level 2 Events

Browser Support

Events Chrome IE Firefox Safari Opera
onchange Support Support Support Support Support
DOM Events Event Obheto