Preventdefault 和 stoppropagation 不适用于指针移动

DiV*_*666 1 javascript html5-canvas pointer-events

我正在制作一个在 HTML5 内绘制的应用程序canvas,但我无法从手机或平板电脑上执行此操作。

按下时无法避免浏览器的本机滚动或 chrome 刷新

我在jsfiddle中创建了一个示例,以便您可以看到它。

Mar*_*ius 5

要抑制默认的 UA 行为,您需要将 CSS 属性添加touch-action: none到 canvas 元素。

touch-action指定 HTML 元素是否以及如何响应手势。没有touch-action: none触发 UA 行为(例如拖动或缩放)。默认属性为touch-action: auto,允许触发所有 UA 行为。