Как использовать обработку событий указателя в современных веб-проектах?

Для использования обработки событий указателя в современных веб-проектах рекомендуется:

• Свести к минимуму объём работы в обработчиках событий. spec-zone.ru Добавлять обработчики нужно к конкретному целевому элементу, а не ко всему документу или узлам, расположенным выше в дереве документа. spec-zone.ru
• Сделать целевой элемент достаточно большим, чтобы вместить самую большую площадь контакта (обычно палец). spec-zone.ru Если целевая область слишком мала, касание может привести к срабатыванию других событий для смежных элементов. spec-zone.ru
• Использовать свойство pointerType для проверки типа устройства, которое сгенерировало событие. spec-zone.ru developer.chrome.com Это нужно, если требуется специфичная для устройства обработка. spec-zone.ru
• При обработке переносов и сложных касаний отменять действие браузера и ставить touch-action: none в CSS для элементов, с которыми происходит взаимодействие. learn.javascript.ru

Также в CSS есть свойство pointer-events, которое определяет, как HTML-элемент будет реагировать на указатель: наведение или клик курсора мыши, тап на сенсорном экране. doka.guide