我正在使用Konva.js@1.3.0库(使用React@15.4.2和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
我已阅读该链接并研究了 AddEventListener
的 {passive: true}
选项 . 但是,我并没有在我的代码中直接调用 AddEventListener
,而是通过Konva和React抽象出来的 .
此外,附加到Konva生成的画布元素的单击事件都不在设备模式下工作 . 如果我退出设备工具栏,一切正常,点击元素按预期运行 .
如何在Konva / React中启用被动事件侦听器? (甚至是解决方案?)
2 回答
我有相同的错误浏览器控制台,我已经推荐链接:https://github.com/bevacqua/dragula/issues/468并更新
touch-action
CSS属性,它工作正常!很抱歉,这是Chrome 56到improve scroll performance的重大变化 . 您可能需要添加适当的
touch-action
CSS rule以明确禁用触摸滚动 .