oninput

oninput - значення змінено.

Синтаксис:

object.oninput = function( event ){ // код функції, яка виконується коли відбувається подія };

Параметри:

object - елемент input або textarea.

event - об'єкт InputEvent який передається функції в якості параметра.

Опис:

oninput - подія яка виникає коли змінюється значення в елементі

<input>
або
<textarea>
.

Подія oninput подібна на onchange, різниця полягає в тому, що oninput подія відбувається відразу після того , як значення елемента змінилося, а onchange відбувається ,коли елемент втрачає фокус, після того , як зміст було змінено. Також подія onchange працює в елементах select i keygen.

Приклад:

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 за допомогою події oninput
<textarea id="text"></textarea> <div id="label_text"></div> document.querySelector('#text').addEventListener('input',function(){document.getElementById('label_text').innerText="кількість символів: "+this.value.length;});