Pointer Events — это единый интерфейс для обработки ввода с разных устройств. Они заменяют необходимость писать отдельные обработчики для мыши, сенсора и пера, что делает приложения более гибкими и независимыми от устройства.
Обычные события мыши не учитывают современные устройства ввода:
Pointer Events объединяют все эти взаимодействия в одну модель событий, снижая сложность кода и улучшая пользовательский опыт на разных платформах.
React DOM поддерживает следующие обработчики pointer events:
onPointerDown — срабатывает, когда указатель становится активнымonPointerMove — срабатывает, когда указатель меняет позициюonPointerUp — срабатывает, когда указатель отпущенonPointerCancel — срабатывает, когда событие прерываетсяonPointerEnter — срабатывает, когда указатель входит в элементonPointerLeave — срабатывает, когда указатель выходит из элементаonPointerOver — срабатывает, когда указатель движется над элементомonPointerOut — срабатывает, когда указатель уходит от элементаonGotPointerCapture — срабатывает, когда элемент захватывает указательonLostPointerCapture — срабатывает, когда захват указателя отпущенВажно: Pointer Events работают только в браузерах, которые реализуют спецификацию Pointer Events. Проверь текущую поддержку браузеров перед деплоем в продакшен.
Pointer Events предоставляют единый интерфейс, который избавляет от необходимости использовать отдельные обработчики событий для мыши, сенсора и пера, объединяя все типы ввода в одну модель событий.
Новый — ещё не проверен сообществом
Вы