oninput - ввід даних користувачем.
object.oninput = function( event ){
// код функції, яка виконується коли відбувається подія
};
object - елемент input або textarea.
event - об'єкт InputEvent який передається функції в якості параметра.
oninput - подія яка виникає коли користувач змінює значення в елементі <input> або <textarea>.
Подія oninput подібна на onchange, різниця полягає в тому, що oninput подія відбувається відразу після того , як значення елемента змінилося, а onchange відбувається ,коли елемент втрачає фокус, після того , як зміст було змінено. Також подія onchange працює в елементах select.
document.getElementById("test_input").oninput=function(){
document.getElementById("test_label").innerText=this.value;
}
document.getElementById("test_input").addEventListener("input",function(e){
alert(this.tagName+" значення змінено");
});
<textarea id="text"></textarea>
<div id="label_text"></div>
document.querySelector('#text').addEventListener('input',function(){document.getElementById('label_text').innerText="кількість символів: "+this.value.length;});