Javascript ключевые события, порядок выполнения

Question

На моей веб-странице есть следующий код Javascript (с jQuery) - пользователь вводит текстовое поле, и приложение выполняет одно, если в поле есть значение, и другое, если поле пустое (потому что пользовательнажимал клавишу удаления или возврата).Код, который у меня есть, выглядит следующим образом:

$('input#textInput').keyup( function(event) {
    if($(this).val()) {
        console.log('non-empty string in the text field');
    }
    else {
        console.log('no text in the text field');
    }
}

Проблема в том, что похоже, что функция обратного вызова выполняется до появления символа в текстовом поле.Таким образом, если поле пустое, и я нажимаю клавишу «p», то, по-видимому, происходит генерирование событий keydown, keypress и keyup, выполняется функция обратного вызова keyup, и «нет текста в текстовом поле» регистрируется, изатем в текстовом поле появляется символ «p», а это не то, что мне нужно.

Кто-нибудь знает, как я могу выполнить обратный вызов любого из ключевых событий и получить доступ к значению, которое появится втекстовое поле?Спасибо.

Answer 1

Событие input должно делать примерно то, что вы хотите. Он срабатывает после изменения значения и поддерживается большинством современных браузеров.

https://developer.mozilla.org/en-US/docs/Web/Events/input

Answer 2

Вы можете установить время ожидания:

$('input').keyup(function() {
  var inp = this;
  setTimeout(function() {
    console.log(inp.value);
  }, 0);
});