← Tutti gli esempi

Etsy: scorciatoia da tastiera per la ricerca

Il tasto barra sposta subito il cursore nella casella di ricerca e ne seleziona il contenuto.

Codice da copiare

// 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();
  }
});

Come usare questo esempio

1. Copia il codice con il pulsante qui sopra.
2. Installa JustZix (2 minuti) e apri l'estensione sulla pagina di destinazione.
3. Aggiungi una nuova regola corrispondente a quella pagina.
4. Incolla il codice nel pannello JavaScript della regola e salva — viene eseguito a ogni visita della pagina.