我已经使用React工作了几个月，但是最近遇到了一些奇怪的问题。
在移动设备上根本无法触发点击事件：
http://jsbin.com/morarewelu/1/edit?html,js,output
http://jsbin.com/morarewelu/1/ - 请在您的设备上检查
您可以看到点击根本没有被触发。 我在这里测试的是iPhone。
这是否是预期行为，还是只是一个错误？
3个回答
47
React的Github项目中有一些问题可能会有所帮助。
看起来，你需要添加CSS cursor:'pointer' 来让移动设备（特别是iOS设备）在元素上触发原生click事件。
- Sanket Sahu
5
2
我遇到了同样的问题，需要双击才能触发任何点击事件。这不仅限于Safari浏览器。我通过使用onMouseDown和onMouseUp来克服这个问题，这在移动设备和桌面设备上都有效，但这并不总是方便。我想知道为什么会出现这种情况，以及如何更好地解决它。
- brienna
1
当我使用Chrome浏览器时，遇到了同样的问题，但是当我使用Firefox时，onClick处理程序正常工作，因此问题出现在Chrome上，因为Chrome对于处理触摸事件进行了一些破坏性的更改，并且因为我阻止了默认行为并自己处理它，所以它无法正常工作。尝试在Firefox中运行，它将正常工作。
- Vijay Singh Kholiya
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接
cursor: pointer;，然后它将在触摸事件上触发onClick。为了让它更容易-对我有用。 - Barnabas Kecskescursor: pointer;也完全没问题。我的意思是不用引号的“pointer”... 此外，我注意到这只是在 IOS 设备上出现的问题，而不是 Android。 - Ali