Etsy: keyboard shortcut to the search box
The slash key instantly moves the cursor into the search box and selects its content.
Code to copy
// Press the slash key to jump straight into the search box
document.addEventListener('keydown', function (e) {
if (e.key !== '/') { return; }
if (e.target.matches('input, textarea, [contenteditable]')) {
return;
}
const box = document.querySelector(
'input#global-enhancements-search-query, '
+ 'input[name="search_query"]');
if (box) {
e.preventDefault();
box.focus();
box.select();
}
});How to use this example
- Copy the code with the button above.
- Install JustZix (2 minutes) and open the extension on the target page.
- Add a new rule matching that page.
- Paste the code into the rule's JavaScript panel and save — it runs on every page visit.
Rate this example
No ratings yet — be the first.