← Wszystkie przykłady

JavaScript Nawigacja etsy.com

Etsy: skrót klawiszowy do wyszukiwarki

Klawisz ukośnika natychmiast przenosi kursor do pola wyszukiwania i zaznacza jego treść.

Kod do skopiowania

// Press the slash key to jump straight into the search box
document.addEventListener('keydown', function (e) {
  if (e.key !== '/') { return; }
  if (e.target.matches('input, textarea, [contenteditable]')) {
    return;
  }
  const box = document.querySelector(
    'input#global-enhancements-search-query, '
    + 'input[name="search_query"]');
  if (box) {
    e.preventDefault();
    box.focus();
    box.select();
  }
});

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