The change
event is fired for <input>
, <select>
, and <textarea>
elements when an alteration to the element's value is committed by the user. Unlike the input
event, the change
event is not necessarily fired for each alteration to an element's value
.
Depending on the kind of element being changed and the way the user interacts with the element, the change
event fires at a different moment:
- When a
<input type="checkbox">
element is checked or unchecked (by clicking or using the keyboard); - When a
<input type="radio">
element is checked (but not when unchecked); - When the user commits the change explicitly (e.g., by selecting a value from a
<select>
's dropdown with a mouse click, by selecting a date from a date picker for<input type="date">
, by selecting a file in the file picker for<input type="file">
, etc.); - When the element loses focus after its value was changed, but not committed (e.g., after editing the value of
<textarea>
or<input type="text">
).
The HTML specification lists the <input>
types that should fire the change
event.