oninput Event
Example
Call a function when a user writes something in an <input> field:
<input type="text" oninput="myFunction()">
Try it Yourself »
More examples below.
Description
The oninput
event occurs when an element gets input.
The oninput
event occurs when the value of an <input> or
<textarea> or <select> element is changed.
Note
The oninput
event is similar to the
onchange
event.
The difference is
that the oninput
event occurs immediately after the content
has been changed, while onchange
occurs when the element loses focus.
Syntax
In JavaScript, using the addEventListener() method:
object.addEventListener("input", myScript);
Try it Yourself »
Technical Details
Bubbles: | Yes |
---|---|
Cancelable: | No |
Event type: | Event, InputEvent |
HTML tags: | <input> and <textarea> |
DOM Version: | Level 3 Input Events |
More Examples
Example
Range slider - how to dynamically update slider value:
<input type="range" oninput="myFunction(this.value)">
Try it Yourself »
Browser Support
oninput
is a DOM Level 3 (2004) feature.
It is fully supported in all modern browsers:
Chrome | Edge | Firefox | Safari | Opera | IE |
Yes | Yes | Yes | Yes | Yes | 11 |