JavaScript события мыши и указателя, Drag and Drop компонент

✏️ Разбираемся с событиями мыши — mousemove, mouseover и mouseout, mouseenter и mouseleave, mouseup, click, dblclick и contextMenu. Узнаем о современном стандарте — Pointer Events (события указателя). Напишем с помощью событий pointerdown, pointermove и pointerup классовый компонент DragAndDrop. 🔴 Timeline: ▶ 00:00 | Введение ▶ 00:28 | События мыши (Mouse Events) ▶ 00:49 | Движение мыши — mousemove ▶ 01:06 | Движение мыши — mouseover и mouseout ▶ 03:34 | Движение мыши — особенности event relatedTarget ▶ 04:36 | Движение мыши — особенности mouseover и mouseout при переходе на дочерние элементы ▶ 06:37 | Движение мыши — mouseenter и mouseleave ▶ 07:52 | Нажатие мыши — mousedown, mouseup и click ▶ 09:43 | Нажатие мыши — event target и currentTarget ▶ 10:53 | Нажатие мыши — dblclick, двойной клик ▶ 11:20 | Нажатие мыши — contextmenu, нажатие правой клавиши мыши ▶ 11:56 | События указателя (Pointer Events) ▶ 14:14 | Мультитач — событие pointerdown ▶ 16:43 | Компонент Drag and drop — события pointerdown, pointermove и pointerup ▶ 32:14 | Заключение 📚 Ссылки: 💬 Чат в телеграмме (помощь новичкам): 🔸 Boosty (поддержать канал): 🗂️ Бесплатные курсы на канале: 📌 Автор: #javascript