d
Size: a a a
2020 August 29
t
хосссспади как жи хочица себе викусечку
R
чтото знакомый id юзера
UA
Привет всем. Хочу реализовать ajax поиск при вводе текста в инпут. Обработка события инпут не вариант, потому как делать запрос на каждый символ это безумие. Подскажите как реализовать задежку и отследить только последнее изменение??
ВЛ
Utin Alexey
Привет всем. Хочу реализовать ajax поиск при вводе текста в инпут. Обработка события инпут не вариант, потому как делать запрос на каждый символ это безумие. Подскажите как реализовать задежку и отследить только последнее изменение??
Debounce
UA
Debounce
🔥. То, что надо, спасиб
UA
дак не модно же
inputSearch.addEventListener('input', () => setTimeout(() => f(3), 1000))
let f = debounce(getFetch, 1000);
function debounce(f, ms) {
let isCooldown = false;
return function() {
if (isCooldown) return;
f.apply(this, arguments);
isCooldown = true;
setTimeout(() => isCooldown = false, ms);
};
}
function getFetch(text) {
console.log(text)
}
let f = debounce(getFetch, 1000);
function debounce(f, ms) {
let isCooldown = false;
return function() {
if (isCooldown) return;
f.apply(this, arguments);
isCooldown = true;
setTimeout(() => isCooldown = false, ms);
};
}
function getFetch(text) {
console.log(text)
}
R
Utin Alexey
inputSearch.addEventListener('input', () => setTimeout(() => f(3), 1000))
let f = debounce(getFetch, 1000);
function debounce(f, ms) {
let isCooldown = false;
return function() {
if (isCooldown) return;
f.apply(this, arguments);
isCooldown = true;
setTimeout(() => isCooldown = false, ms);
};
}
function getFetch(text) {
console.log(text)
}
let f = debounce(getFetch, 1000);
function debounce(f, ms) {
let isCooldown = false;
return function() {
if (isCooldown) return;
f.apply(this, arguments);
isCooldown = true;
setTimeout(() => isCooldown = false, ms);
};
}
function getFetch(text) {
console.log(text)
}
че за легаси и зачем таймоауты?
R
function debounce(callback, wait) {
let timeout;
return (...args) => {
clearTimeout(timeout);
timeout = setTimeout(function () { callback.apply(this, args) }, wait);
};
}
window.addEventListener('keyup', debounce( () => {
// code you would like to run 1000ms after the keyup event has stopped firing
// further keyup events reset the timer, as expected
}, 1000))UA
хз норм объснил али не )