如何使用元素上的指针事件禁用整个页面的滚动？
如何使用元素上的指针事件禁用整个页面的滚动？
提问于 2018-05-13 17:18:37
我有一个允许在画布上画画的图书馆。目前，它支持鼠标和触摸事件。我还想添加对指针事件的支持。
我正在处理画布元素上的pointerdown、pointermove和pointerup事件。当我使用鼠标时，我笔记本电脑上的所有东西都能正常工作。然而，当我在我的平板电脑上试用它时，我只需要获得一些pointermove事件(2-5)，然后才会得到pointercancel事件，然后是pointerout和pointerleave。
我猜浏览器正在触发pointercancel，因为将我的手指移到画布上也会触发整个页面的滚动。
为了在使用触摸事件时禁用滚动，我在touchstart和touchmove事件的处理程序中调用了touchmove，但是这个解决方案似乎不适用于指针事件。
当我使用指针事件绘制画布元素时，如何禁用整个页面的滚动？
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-05-13 19:49:22
您试过CSS属性touch-action: none吗？它禁用元素上的任何类型的用户代理行为(如滚动)。
要获得更多细粒度选项，请查看触动的MDN文章。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50318684
复制相关文章
相似问题
腾讯云开发者
