Как сравнить предыдущее значение input с новым?

Question

[lb-web]

Есть input, в котором вводятся значения, которые потом идут в get запрос. Работает все по событию keyUp, что соотв. приводит к некоторым вещам, типа нажатие стрелочек, шифта и так далее - каждый раз срабатывание. Сама функция такая

function myFunction() {
        let jh = document.getElementById("search");
        let keyval = jh.value;
        if (keyval.length < 3) {
            document.getElementById("film-list").innerHTML = 'too short';
        } else {

 тут вызывается функция


        }
    }

Как быть в таком случае? Как сохранить предыдущее значение(?) и сравнить его с новым?

Comments

[Andrew]

может всё-таки не кейАп использовать, а change?

[lb-web]

Не, вариант не подходящий, т.к. надо ajax

[lb-web]

Иван Иванов, change при потере фокуса срабатывает, у меня фокус никуда не девается.

[lb-web]

Иван Иванов, как вариант.

Answer 1

[Дмитрий Куликов]

Тут вроде как две проблемы:
* Не подходящий обработчик keyup, который срабатывает на любую клавишу.
* Сохранение текущего значение инпута
Обработчик keyup:
Я бы заменил его хотя бы на keypress, который вызывается после keydown, при нажатии на символьную клавишу, что уже избавляет от лишних вызовов на такие клавиши как shift и прочее.
Сохранение текущего значения input:
В данном контексте имеет смысл сохранять значение в переменную за функцией MyFunction, и менять ее значение при вызовах обработчика.
Возможная проблема:
* Частый вызов get запроса:
В имеющемся теле кода в обработчике возможно присутствует запросик, который вероятно будет вызываться очень часто. Можно завести таймаут выполнения, который положим в так же за функцию myFunction, и будем прерывать если обработчик вызывается слишком часто.

Answer 2

[alexhovansky]

Сохранять старое значение в какой-то переменной. Я бы возвращал в myFunction значение инпута, сохранял бы его, ну а дальше уже всё от контекста зависит. В целом тяжело какой-то имеющий смысл код написать, не зная контекста.

Comments

[lb-web]

А какой контекст?)
Мне надо чтобы функция не вызывалась, когда стрелочкой нажали в инпуте.
Это можно сделать либо убрав жестко нажатия на эти стрелочки, либо через сравнение одного значения с другим.

Ну т.е. сейчас так, я ввожу символы, у меня срабатывает функция. Я тыкаю стрелочку верх/низ/лево/право - у меня срабатывает функция. А надо чтоб не было так)

[Antony Tkachenko]

lb-web, если вы уж используете событие keyup, то вы можете получить код нажатой клавиши - https://www.w3schools.com/jsref/event_key_keycode.asp
И далее все просто - если это непечатаемые символ, то не вызывать вашу функцию.

Upd: выше написали про keypress, скорее всего это то что вам нужно.

И ссылка по событиям клавиатуры
https://learn.javascript.ru/keyboard-events

П.с. я как понимаю вы пишете что-то типа автокомплита/suggest input для поиска?
Тогда вам может понадобиться кеширование запросов на клиенте + debounce/throttling запросов, чтобы не сильно нагружать сервер.