3

我正在使用Konva.js@1.3.0库（带有 React@15.4.2 和react-konva）来构建一个简单的 2D 游戏。

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

由于目标被视为被动，无法在被动事件侦听器中阻止默认值。
见 http‍s://www.chromestatus.com/features/5093566007214080

我已经阅读了链接并研究{passive: true}了AddEventListener. 但是，我并没有直接调用AddEventListener我的代码，它都是通过 Konva 和 React 抽象出来的。

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

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

4

2 回答 2

1

我有同样的错误浏览器控制台，我参考了链接：https://github.com/bevacqua/dragula/issues/468 并更新touch-actionCSS 属性，它工作正常！

于 2018-12-14T09:36:13.650 回答
0

抱歉，这是 Chrome 56 中为提高滚动性能而进行的一项重大更改。您可能需要添加适当的touch-action CSS 规则来显式禁用触摸滚动。

于 2017-02-17T02:44:12.440 回答