← Wszystkie przykłady

JavaScript Produktywność

Skacz między nagłówkami klawiszami Alt+J/K

Alt+J przeskakuje do następnego nagłówka, Alt+K do poprzedniego — szybka nawigacja po długim tekście.

Kod do skopiowania

var headings = Array.prototype.slice.call(document.querySelectorAll('h1, h2, h3'));
var idx = -1;
document.addEventListener('keydown', function (e) {
  var tag = (e.target.tagName || '').toLowerCase();
  if (tag === 'input' || tag === 'textarea' || e.target.isContentEditable) return;
  if (!e.altKey) return;
  if (e.key === 'j') { idx = Math.min(idx + 1, headings.length - 1); }
  else if (e.key === 'k') { idx = Math.max(idx - 1, 0); }
  else { return; }
  e.preventDefault();
  if (headings[idx]) {
    headings[idx].scrollIntoView({ behavior: 'smooth', block: 'start' });
  }
});

Jak użyć tego przykładu

  1. Skopiuj kod przyciskiem powyżej.
  2. Zainstaluj JustZix (2 minuty) i otwórz wtyczkę na docelowej stronie.
  3. Dodaj nową regułę dopasowaną do tej strony.
  4. Wklej kod w panelu JavaScript reguły i zapisz — uruchomi się przy każdym wejściu na stronę.

Oceń ten przykład

Brak ocen — oceń jako pierwszy.

Czy ten przykład działa?

Snippety są bezużyteczne, jeśli nie masz gdzie ich wkleić.

JustZix instalujesz w 2 minuty i odpalasz swój kod na każdej pasującej stronie. Bez konta, bez opłat.

Pobierz za darmo Zobacz zastosowania