Як я можу отримати jquery .val () ПІСЛЯ події натискання клавіші?

Я отримав:

$(someTextInputField).keypress(function() {
  alert($(this).val());
});

Тепер попередження завжди повертає значення ПЕРЕД ПІД натисканням клавіші (наприклад, поле порожнє, я набираю "a", і попередження дає мені ". Потім я набираю" b ", і попередження дає мені" a "...). Але я хочу, щоб значення ПІСЛЯ натискання клавіші - як це зробити?

Фон: Я б хотів увімкнути кнопку, як тільки текстове поле містить хоча б один символ. Тому я запускаю цей тест на кожній події натискання клавіш, але за допомогою повернутого val () результат завжди відстає на крок. Використання події change () не є для мене варіантом, тому що тоді кнопку вимкнено, поки ви не залишите текстове поле. Якщо є кращий спосіб зробити це, я радий це почути!

Змінити keypressна keyup:

$(someTextInputField).on("keyup", function() {
  alert($(this).val());
});

keypressзапускається при натисканні клавіші, keyupзапускається при відпуску ключа.

Здивовано, що ніхто не згадував подію js "input":

$(someTextInputField).on('input', function() {
  alert($(this).val());
});

Рекомендовано

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

замість натискання клавіші використовуйте клавіш .

Крім того, ви можете використовувати подію клавіш із затримкою 0.

Таким чином, зміни будуть застосовані миттєво, замість того, щоб застосувати, коли користувач перестане утримувати клавішу.

$(someTextInputField).on("keydown", function() {
  setTimeout(function($elem){
    alert($elem.val());
  }, 0, $(this));
});

Ви можете підключити onchangeобробник подій замість того, щоб використовувати будь-яку з ключових подій.

$(someTextInputField).change(function() {
    alert($(this).val());
});

Використовуючи Edit > Pasteабо клацніть правою кнопкою миші, тоді Вставити запустить подію зміни, але не ключову подію. Зауважте, деякі браузери можуть імітувати ключову подію на пасті (хоча я не знаю жодної), але ви не можете розраховувати на таку поведінку.

Спробуйте щось подібне:

$('#someField').keypress(function() {
  setTimeout(function() {
    if ($('#someField').val().length > 0)
      $('#theButton').attr('disabled', false);
  }, 1);
});

Це просто вводить тайм-аут, так що після завершення циклу подій "натискання клавіші" ваш код буде запускатися майже відразу після цього. Такий короткий інтервал таймера (навіть якщо округлюється браузером) не буде помітний.

редагувати - або ви можете використовувати "клавіатуру", як говорять усі, хоча її семантика відрізняється.