Debounce search inputs

mikage-emu · Oct 1, 2024 · c35d3fd · c35d3fd
1 parent 09ff2db
commit c35d3fd
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/assets/search.js b/assets/search.js
@@ -32,7 +32,7 @@
   }
 
   input.addEventListener('focus', init);
-  input.addEventListener('keyup', search);
+  input.addEventListener('input', search);
 
   document.addEventListener('keypress', focusSearchFieldOnKeyPress);
 
@@ -79,7 +79,13 @@
       .then(search);
   }
 
+  let timeoutId;
   function search() {
+    clearTimeout(timeoutId);
+    timeoutId = setTimeout(runSearch, 350);
+  }
+
+  function runSearch() {
     while (results.firstChild) {
       results.removeChild(results.firstChild);
     }