← Todos los ejemplos

Enfocar automáticamente la casilla de búsqueda

Al cargar la página el cursor va directo a la búsqueda para escribir de inmediato.

Código para copiar

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

Cómo usar este ejemplo

1. Copia el código con el botón de arriba.
2. Instala JustZix (2 minutos) y abre la extensión en la página de destino.
3. Añade una nueva regla que coincida con esa página.
4. Pega el código en el panel JavaScript de la regla y guarda — se ejecuta en cada visita a la página.