React Click事件未在移动设备上触发

Question

我现在已经做了几个月的反应，但刚刚遇到了一些有点奇怪的事情。

点击事件在移动设备上根本没有被触发：

http://jsbin.com/morarewelu/1/edit?html,js,output

http://jsbin.com/morarewelu/1/ - 检查您的设备

您可以看到点击永远不会被触发。在这里测试iphone。

这是预期的行为，还是只是一个错误？

Answer 1

React的Github项目中存在一些可能有用的问题。

• onClick on mobile not fired
• MobileSafariClickEventPlugin requires touch events to be initialized

看起来，您需要添加一个CSS cursor:'pointer'，以便手机（特别是iOS设备）触发该元素上的原生点击事件。

Answer 2

在使用Chrome浏览器时，我遇到了同样的问题，但是当我使用Firefox时，onClick处理程序运行正常，因此问题出在Chrome中，因为chrome在处理触摸方面进行了一些重大更改，并且因为我自己也阻止了默认设置和处理它没有用。 尝试running in Firefox可以使用。

Answer 3

我有同样的问题，我需要双击才能触发任何点击事件。它不仅限于 Safari。我能够通过使用 onMouseDown 和 onMouseUp 来克服这个问题——它适用于移动设备和桌面设备——但这并不总是很方便。我想知道为什么会发生这种情况以及如何以更好的方式解决它。