KonvaJS：由于目标被视为被动，因此无法阻止被动事件侦听器内的默认

Question

我正在使用[email protected]库（使用[email protected]和react-konva）来构建一个简单的2D游戏。

在Chrome中测试应用时，一切都很好。但是，当我打开Dev Tools并切换到设备工具栏（在移动大小的视口上查看应用程序）时，我收到一条警告：

Unable to preventDefault inside passive event listener due to target being treated as passive. 
See https://www.chromestatus.com/features/5093566007214080

我已阅读该链接并研究了{passive: true}的AddEventListener选项。但是，我并没有在我的代码中直接调用AddEventListener，而是通过Konva和React抽象出来的。

此外，附加到Konva生成的画布元素的单击事件都不在设备模式下工作。如果我退出设备工具栏，一切正常，点击元素按预期运行。

如何在Konva / React中启用被动事件侦听器？ （甚至是解决方案？）

Answer 1

我有相同的错误浏览器控制台，我已经提到链接：https://github.com/bevacqua/dragula/issues/468和更新touch-action CSS属性，它工作正常！

Answer 2

很抱歉，这是Chrome 56到improve scroll performance的一个重大变化。您可能需要添加适当的touch-action CSS rule以明确禁用触摸滚动。