onkeyup js вывод не по порядку

212

12 марта 2018, 00:42

Есть поиск на сайте, который выдает инфу каждый раз, когда в нем появляется новый символ. То есть к примеру пишем heroes, h - выдает результаты, которые удовлетворяют наличие этого символа, далее he - тоже самое, her, hero, heroe, heroes ну в общем мысль в этом. Однако, если быстро впечатать слово heroes, то в консоли результат совершенно не тот, что хочется:

hero, heroes, he, her, heroe, h , he - и результат разумеется выдает по последнему запросу - he...

В коде ничего особенного, обычный:

 $("#appname").on('keyup',function(){ }

Подскажите, есть ли способ с этим бороться?

Answer 1

Используйте событие input , чтобы посимвольно отлавливать изменения На чистом JS

var appname = document.getElementById('appname'); 
appname.oninput = function(){ 
  console.log(this.value); 
}

<input type="text" id="appname">

на JQuery

$('#appname').on('input', function(){ 
  console.log(this.value) 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<input type="text" id="appname">

Answer 2

Если я правильно понял, то быстро наборное слова может вывестись в консоль не полностью, например у него не будет последней буквы. Способ с этим бороться есть, нужно использовать setTimeout(...,0) подробнее об этом написано здесь (ищите предупреждающий треугольник).

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

How to use in javascript information written in teg <input type = 'text' >

I need to make simple calculatorUser should type in some numbers on web page in teg , than I need to use this info, that he wrote in web page, in js, forexample to write the info to a varible a than make some math opereting with it

191

PHP