Почему в консоль выводит один символ вместо двух?

Question

[GaserV]

Добрый вечер. Такая ситуаця. Написал простеньки скрипт для live-search. Проблема следующая. Отрабатываю каждый введенный символ и вывожу в консоль значение инпута для теста. Если ввожу один символ, он выводит пустое значение скажем, если ввожу два - выводит одно и т.д. В чем проблема?

$('.search-field').keypress(function(){
		var words = $(this).val();

		console.log(words);

		return true;

		$.ajax({

			url: "/search",
			type: "post",
			data: {words: words},

			success: function(data) {
				$('html').html(data);
				$('.search').addClass('visible');
				$('.search-field').val(words);
			}

		})	
		
	})

Comments

[Иван Козлов]

Проблема в том, что у тебя скрипт срабатывает раньше, чем браузер в действительности устанавливает значение в value. Можно использовать таймер(умышленно считывать значение, к примеру, через полсекунды) и будет работать. Правильнее будет как написал Денис Инешин .

Answer 1

[Денис Инешин]

Попробуйте

$('.search-field').on("keyup", function(){
// или лучше
$('.search-field').on("input", function(){