← Wszystkie przykłady

JavaScript Nawigacja gitlab.com

GitLab: skok między plikami diffa klawiszami J/K

Dodaje skróty J i K do szybkiego przewijania między kolejnymi plikami zmian w merge requeście.

Kod do skopiowania

// Use J and K keys to jump between diff files in a merge request
function files() {
  return Array.prototype.slice.call(document.querySelectorAll('.diff-file'));
}
function jump(dir) {
  const list = files();
  if (!list.length) { return; }
  const y = window.scrollY + 80;
  let idx = list.findIndex(function (f) { return f.offsetTop > y; });
  if (dir < 0) { idx = idx <= 0 ? 0 : idx - 1; }
  else if (idx === -1) { idx = list.length - 1; }
  const target = list[Math.max(0, Math.min(idx, list.length - 1))];
  if (target) { window.scrollTo({ top: target.offsetTop - 60, behavior: 'smooth' }); }
}
document.addEventListener('keydown', function (e) {
  const tag = (e.target.tagName || '').toLowerCase();
  if (tag === 'input' || tag === 'textarea' || e.target.isContentEditable) { return; }
  if (e.key === 'j') { jump(1); }
  else if (e.key === 'k') { jump(-1); }
});

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