← Tous les exemples

Placer le curseur dans la recherche

Au chargement, le curseur va directement dans la recherche pour saisir immédiatement.

Code à copier

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) {}
}

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.