Debounce a search input to stop firing one request per keystroke

My search box fires a network request on every single keystroke, and the results flicker before the user has even finished typing.

IntermediateRead 4 minDoing: about 45 minutes5 steps

▶ Start

What you'll have at the end

A search input that waits until typing pauses before sending one request instead of one per key

Before you start

You need

A search input whose input event listener already calls a search function that sends a network request directly, on every keystroke, with nothing slowing it down.

Not covered

Making sure a slow reply to the one remaining request can never land after a newer one isn't covered here: debouncing cuts the request count down, but it doesn't reorder whatever comes back.

Leans on

5 steps

Where to go next

Stop an old search reply from overwriting a newer one

once requests are down to one per pause, a slow reply to that single request can still land after a newer one; that ordering problem needs its own fix

Checked 21 Aug 2026

Part of the JavaScript cookbook