Тригер на изменение текста в инпуте

248
08 марта 2017, 19:12

Какое событие нужно использовать, чтобы оно срабатывало каждый раз, когда в инпут добавляется новый символ? .on('change') срабатывает только тогда, когда текст уже введён и с инпута был убран фокус, а потому не подходит.

Answer 1

Можно oninput, onkeypress, onkeyup или onkeydown.

$('input').on('input', function() { 
  console.log('INPUT: '+this.value); 
}); 
 
$('input').on('keypress', function() { 
  console.log('KEYPRESS: '+this.value); 
}); 
 
$('input').on('keyup', function() { 
  console.log('KEYUP: '+this.value); 
}); 
 
$('input').on('keydown', function() { 
  console.log('KEYDOWN: '+this.value); 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text">

READ ALSO
Регистрация обработчиков событий в JavaScript при переборе элементов документа

Регистрация обработчиков событий в JavaScript при переборе элементов документа

Этот вопрос не дубликат, так как он затрагивает не только замыкания, но и иные распространённые ошибки в JS, а также их устранения используя...

287
Настройка Jquery Image Zoom Plugin

Настройка Jquery Image Zoom Plugin

имеется интернет-магазин "товаров интимного здоровья" на WPписал не я, мне достались лишь доработки

207
Как остановить форму в зависимости от ответа Ajax?

Как остановить форму в зависимости от ответа Ajax?

Как мне epreventDefault(); вставить в проверку даты? код страницы check_capcha

197
flexbox не работает корректно на iphone 6 и ниже [требует правки]

flexbox не работает корректно на iphone 6 и ниже [требует правки]

flexbox не работает корректно на iphone 6 и ниже

307