← Tous les exemples

Etsy : raccourci clavier vers la recherche

La touche barre oblique place aussitôt le curseur dans la recherche et sélectionne son contenu.

Code à copier

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

Comment utiliser cet exemple

1. Copiez le code avec le bouton ci-dessus.
2. Installez JustZix (2 minutes) et ouvrez l'extension sur la page cible.
3. Ajoutez une nouvelle règle correspondant à cette page.
4. Collez le code dans le panneau JavaScript de la règle et enregistrez — il s'exécute à chaque visite de page.