Javascript 由于目标被视为被动,无法在被动Konva事件侦听器内防止默认值

Javascript 由于目标被视为被动,无法在被动Konva事件侦听器内防止默认值,javascript,dom-events,konvajs,Javascript,Dom Events,Konvajs,我正在用图书馆React@15.4.2和)建立一个简单的2D游戏 在Chrome中测试应用程序时,一切都很好。但是,当我打开开发工具并切换到设备工具栏(在移动大小的视口中查看应用程序)时,我会收到以下警告: 由于目标被视为被动事件,无法在被动事件侦听器中防止默认值。 参见http‍s://www.chromestatus.com/features/5093566007214080 我已经阅读了链接,并研究了AddEventListener的{passive:true}选项。然而,我并没有在我的代

我正在用图书馆React@15.4.2和)建立一个简单的2D游戏

在Chrome中测试应用程序时,一切都很好。但是,当我打开开发工具并切换到设备工具栏(在移动大小的视口中查看应用程序)时,我会收到以下警告:

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

我已经阅读了链接,并研究了
AddEventListener
{passive:true}
选项。然而,我并没有在我的代码中直接调用
AddEventListener
,而是通过Konva和React进行抽象

此外,附加到Konva生成的画布元素的所有单击事件均未在设备模式下工作。如果退出设备工具栏,一切正常,单击元素将按预期运行


如何在Konva/React中启用被动事件侦听器?(这就是解决方案吗?

很抱歉给您添麻烦,这是Chrome 56到的突破性变化。您可能需要添加一个适当的
触摸操作
,以明确禁用触摸滚动。

我收到了相同的错误浏览器控制台,我引用了以下链接:
并更新
touch action
CSS属性,效果很好

我不确定这些错误是从哪里来的。但要启用触摸事件支持,您需要在代码中添加触摸侦听器。例如,添加“onClick”和“onTap”。我以前使用的是
onClick
。我是否应该替换(或添加)
onTap
?这需要Tappable软件包吗?您不需要任何其他软件包。你只需要添加更多的监听器(触摸事件和鼠标事件在Konva中是不同的事件)。我天真地用
onTap
替换了
onClick
,一切都开始正常工作。我不需要任何处理
onTap
的软件包,所以我对它的工作原理感到困惑。您可以在这里(以及其他相关的“事件”教程)阅读有关Konva事件的更多信息。您可以在此处阅读的所有事件列表:添加到何处或哪个元素?