Как остановить выполнение запроса?

Question

[MRcracker]

Есть событие keyup внутри которого есть fetch запрос. Событие наложено на форму. После нажатия на любую кноgre срабатывает запрос и выводятся данные. Если вводят 2 буквы то срабатывает 2 запроса и данные дублируются 2 раза. Если 3 буквы ввели, то 3 запроса и 3 раза данные выводятся. Как можно решить данную проблему и сделать чтобы данные выводились один раз?
input.addEventListener("keyup", (e) => {))

Comments

[Чипекве]

debounce

[WapSter]

Изменить тип события, привязать debounce функцию, поставить нужное условие исключая выполнения запроса

Answer 1

[Евгений Колегов]

Используйте дебаунс: https://doka.guide/js/debounce/