← Tous les exemples

Touche "/" pour le champ de recherche

Appuyer sur la touche "/" place le curseur dans le champ de recherche au-dessus du tableau.

Code à copier

document.addEventListener('keydown', function (e) {
  if (e.key !== '/' || e.ctrlKey || e.metaKey || e.altKey) return;
  var tag = (document.activeElement && document.activeElement.tagName) || '';
  if (tag === 'INPUT' || tag === 'TEXTAREA' || tag === 'SELECT') return;
  var box = document.querySelector('.search-box input[type="search"]');
  if (box) {
    e.preventDefault();
    box.focus();
    box.select();
  }
}, false);

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.