← Tous les exemples

JavaScript Navigation threads.com

Threads : touches J/K pour naviguer entre les publications

Ajoute les raccourcis J et K qui font défiler le fil vers la publication suivante et précédente.

Code à copier

// 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' });
});

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.

Notez cet exemple

Aucune note — soyez le premier.

Cet exemple fonctionne-t-il ?

Les snippets sont inutiles sans un endroit où les coller.

JustZix s'installe en 2 minutes et exécute votre code sur chaque page correspondante. Sans compte, sans paiement.

Télécharger gratuitement Voir les cas d'usage