У меня есть библиотека, которая позволяет рисовать на холсте. В настоящее время он поддерживает события мыши и касания. Я также хотел бы добавить поддержку событий указателя.
Я обрабатываю pointerdown
, pointermove
и pointerup
события в элементе canvas. Все отлично работает в Chrome на моем ноутбуке, когда я использую мышь. Однако, когда я испытываю это на своем планшете, я получаю только несколько pointermove
событий (2-5) до получения pointercancel
события, за которым следуют pointerout
и pointerleave
.
Я полагаю, что браузер запускает pointercancel
, потому что, перемещая мой палец по холсту, также запускается прокрутка всей страницы.
Чтобы отключить прокрутку при использовании сенсорных событий, я вызываю event.preventDefault()
в обработчиках для событий touchstart
и touchmove
, но, похоже, это решение не работает с событиями указателя.
Как отключить прокрутку всей страницы, когда я рисую поверх элемента canvas при использовании событий указателя?