В чем разница между scroll и click

«В чем разница между scroll и click» — вопрос из категории JavaScript, который задают на 10% собеседований Frontend Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

scroll и click — это разные события в JavaScript, реагирующие на разные действия пользователя:

  • click — срабатывает при клике мышью или тапе на элементе.
    Пример:
    button.addEventListener('click', () => console.log('Клик!'));
  • scroll — срабатывает при прокрутке страницы или элемента.
    Пример:
    window.addEventListener('scroll', () => console.log('Прокрутка!'));

Ключевые отличия:

  1. Триггер: click — нажатие, scroll — движение скролла.
  2. Цель: click — конкретный элемент, scroll — окно/контейнер.
  3. Частота: scroll может вызываться многократно при прокрутке, click — только раз за действие.

Для оптимизации scroll часто используют throttling или debounce.