← All examples

Auto-focus the search box

After the page loads the cursor jumps straight into the search box so you can type right away.

Code to copy

var box = document.querySelector(
  'input[type="search"], input[name*="search" i], input[placeholder*="search" i], ' +
  'input[aria-label*="search" i], input[role="searchbox"]'
);
if (box && !box.disabled && box.offsetParent !== null) {
  try {
    box.focus({ preventScroll: true });
    box.select();
  } catch (e) {}
}

How to use this example

1. Copy the code with the button above.
2. Install JustZix (2 minutes) and open the extension on the target page.
3. Add a new rule matching that page.
4. Paste the code into the rule's JavaScript panel and save — it runs on every page visit.