> Создавал ли ты кастомные события мыши во frontend (JavaScript)

Уровень: senior · Роль: frontend · Категория: Технические вопросы

Компании: ООО Свифтсэнд

Стек: JavaScript

> Пример ответа

Да, я создавал кастомные события мыши во frontend. Например, в одном проекте требовалось реализовать drag-and-drop с дополнительной логикой: нужно было отслеживать не только стандартные события mousedown, mousemove, mouseup, но и генерировать собственное событие при завершении перетаскивания с определенными данными (координаты, целевой элемент, смещение). Для этого использовал конструктор CustomEvent:

JAVASCRIPT
const dragEndEvent = new CustomEvent('dragEnd', {
  detail: { 
    startX: startX,
    startY: startY,
    endX: endX,
    endY: endY,
    target: element
  }
});
element.dispatchEvent(dragEndEvent);

Также создавал событие longClick для имитации долгого нажатия мыши, которое не предусмотрено стандартным API. В этом случае подписывался на mousedown, запускал таймер, и если mouseup не происходил в течение 500 мс, диспатчил кастомное событие. Это позволяло отделить логику долгого клика от обычного клика и упростить поддержку кода.