DragBlock

Обработка событий мыши и тачскрина по блоку

Вызов

DragBlock(block, cb, params = {})

• block - HTML элемент
• cb - обработчик вида cb(event)
• params - параметры
  • context: window - контекст окна (для работы в других окнах)
  • clickTout: 300 - таймаут клика, мс
  • clickZone: 5 - зона несмещения для клика, пкс
  • menuTout: 600 - таймаут удержания меню для тача
• Возвращает: функцию освобождения обработчиков

event

• e - само JS Event событие
• el - элемент, который был передан в обработку
• type - тип события (из списка ниже)
• touch - bool, находимся в режиме тач или нет
• pressed - состояние нажат ли блок
• button - кнопка мыши (0 ЛКМ, 1 колесо, 2 ПКМ, 3 назад, 4 вперёд)
• width - ширина блока
• height - высота блока
• move{x,y} - смещение от предыдущего события
• pos{x,y} - позиция в координатах блока
• drag{x,y} - смещение от точки нажатия

type

• enter - курсор вошёл в область над блоком. Тач 1 палец также вызывает это событие
• move - курсор движется над блоком. Тач 1 палец также вызывает это событие
• leave - курсор покинул область над блоком. Тач 1 палец также вызывает это событие
• zoom - приближение: колесо вперёд 1, назад -1. Тач 2 пальца - дробный коэффициент
• drag - курсор тащит блок (если нажатие началось внутри блока). Тач - двумя пальцами
• tdrag - движение при тач с 1 пальцем
• click - клик по блоку (нажатие и отпускание без смещения)
• press - нажатие на блок. Тач - двумя пальцами
• release - отпускание блока. Тач - двумя пальцами
• tpress - нажатие на блок 1 пальцем
• trelease - отпускание блока 1 пальцем
• menu - ПКМ или удержание 1 пальца на блоке