← Todos los ejemplos

JavaScript Navegación google.com

Google: navegación por teclado de los resultados

Permite recorrer los resultados con las teclas J y K y abrir el resultado resaltado con Intro.

Código para copiar

// Navigate organic results with J / K keys and open with Enter
let jzIdx = -1;
function jzResults() {
  return Array.from(document.querySelectorAll('#search a > h3'))
    .map(function (h) { return h.closest('a'); });
}
function jzFocus(n) {
  const r = jzResults();
  if (!r.length) { return; }
  jzIdx = (n + r.length) % r.length;
  const el = r[jzIdx];
  el.style.outline = '2px solid #1a73e8';
  el.scrollIntoView({ block: 'center' });
  el.focus();
  r.forEach(function (a, i) {
    if (i !== jzIdx) { a.style.outline = ''; }
  });
}
document.addEventListener('keydown', function (e) {
  if (/INPUT|TEXTAREA/.test(document.activeElement.tagName)) { return; }
  if (e.key === 'j') { jzFocus(jzIdx + 1); }
  else if (e.key === 'k') { jzFocus(jzIdx - 1); }
  else if (e.key === 'Enter' && jzIdx >= 0) { jzResults()[jzIdx].click(); }
});

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.

Valora este ejemplo

Sin valoraciones — sé el primero.

¿Funciona este ejemplo?

Los snippets son inútiles sin un lugar donde pegarlos.

JustZix se instala en 2 minutos y ejecuta tu código en cada página coincidente. Sin cuenta, sin pago.

Descargar gratis Ver casos de uso