Бортовой журнал Ктулху
    Вы здесь:
  • Главная
    • >
  • /dev
    • > Событие в js/jQuery при вводе значения в input

Событие в js/jQuery при вводе значения в input

Вызываем какое-либо действие при вводе значения в input.

Нашел сразу несколько вариантов исполнения.

myTextbox1 реагирует на изменение значения

myTextbox2 реагирует на клик вне input после изменения значения

<!-- HTML-->
<input id='myTextbox1' type='text'/>
<br><br>
<input id='myTextbox2' type='text'/>
<!-- JS -->
$('#myTextbox1').on('input', function() {
 alert('Text1 changed!');
});

$('#myTextbox2').change(function() {
 alert('Text2 changed!');
});

http://jsfiddle.net/6bSX6/

Реагирует на изменение значения input.

<!-- HTML -->
<input id="myTextBox" type="text"/>
<!-- JS -->
$("#myTextBox").bind("change paste keyup", function() {
 alert($(this).val()); 
 });

http://jsfiddle.net/fXnFF/2/

На чистом js.

document.getElementById('myinput').addEventListener('keydown', function() { // Do something... }