input | oninput event (Windows)

This topic has not yet been rated - Rate this topic

Occurs when the text content of an element is changed through the user interface.

HTML5 A vocabulary and associated APIs for HTML and XHTML

Syntax

HTML Attribute	<element oninput = "handler(event)">
Event Property	object.oninput = handler;
addEventListener Method	object.addEventListener("input", handler, useCapture)

Event information

Synchronous	No
Bubbles	No
Cancelable	No

Event handler parameters

pEvtObj [in]: Type: IHTMLEventObj

Standards information

HTML5 A vocabulary and associated APIs for HTML and XHTML

Remarks

You can use the oninput to detect when the contents of a textArea, input type=text, or input type=password have changed. This event occurs immediately after modification, unlike the onchange event, which occurs when the element loses focus.

To invoke this event, do one of the following:

Enter some text into a form field.
Cut, delete, or paste content.
Navigate to another document.

Examples

The following script queries the event target as the text in a textArea is changed.


<script type="text/javascript">
function handleInput(ev) {
    console.log(ev.target.value);
}
window.onload = function() {
    document.getElementById('myTextArea').addEventListener('input',handleInput,false);
}
</script>
<textarea id="myTextArea">Edit this text.</textarea>

input | oninput event