← Todos los ejemplos

JavaScript Navegación threads.com

Threads: teclas J/K para saltar entre publicaciones

Añade los atajos J y K que desplazan el feed a la publicación siguiente y anterior.

Código para copiar

// Keyboard: press J / K to step between posts in the feed
let idx = -1;
function posts() {
  return Array.from(document.querySelectorAll('[data-pressable-container]'))
    .filter(p => p.offsetParent !== null);
}
document.addEventListener('keydown', e => {
  if (e.target.matches('input, textarea, [contenteditable="true"]')) return;
  const key = e.key.toLowerCase();
  if (key !== 'j' && key !== 'k') return;
  const list = posts();
  if (!list.length) return;
  idx = key === 'j' ? Math.min(idx + 1, list.length - 1) : Math.max(idx - 1, 0);
  list[idx].scrollIntoView({ behavior: 'smooth', block: 'center' });
});

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