← Все примеры

JavaScript Навигация etsy.com

Etsy: горячая клавиша для поиска

Клавиша слеш мгновенно перемещает курсор в поле поиска и выделяет его содержимое.

Код для копирования

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

Как использовать этот пример

  1. Скопируй код кнопкой выше.
  2. Установи JustZix (2 минуты) и открой расширение на нужной странице.
  3. Добавь новое правило, совпадающее с этой страницей.
  4. Вставь код в панель JavaScript правила и сохрани — он запускается при каждом заходе на страницу.

Оцени этот пример

Оценок пока нет — оцени первым.

Этот пример работает?

Сниппеты бесполезны, если их некуда вставить.

JustZix устанавливается за 2 минуты и запускает твой код на каждой подходящей странице. Без аккаунта, без оплаты.

Скачать бесплатно Смотреть применение