material-ui - onClick 与 onTouchTap，我应该使用什么？

Question

我应该在 onClick 和 onTouchTap 之间使用什么？为什么？
onTouchTap 有时似乎太容易触发(例如在滚动时)。我错了吗 ？
一个或另一个是否有任何浏览器问题？

Answer 1

虽然 Ianan's answer可能反射(reflect)了撰写本文时的最佳行动方案，2017 年 8 月中旬之后访问此线程的其他人应注意对此进行了一些更新。根据您需要支持的浏览器和应用程序中的依赖项，onTouchTap可能不再与您的需求相关。

从 CHANGELOG 可以看出对于 Material-UI v0.19.0， react-tap-event-plugin 依赖项已从 Material-UI 的 0.19.0+ 版本中删除.如前所述 here ，这是为了支持 React v16(又名“Fiber”)。此外，从那时起，移动设备的浏览器有了显着的改进，这意味着幽灵点击效果(至少在许多情况下)不再明显或不存在。

总的来说，评估你的堆栈。如果您只考虑使用常绿浏览器进行构建，请升级到 React v16 并在 recent version of Material-UI 上，使用onTouchTap而不是 onClick可能不适合你。此外，Facebook(特别是它的 React 团队)does not plan on supporting tap events并且这似乎也不会成为 future 主流浏览器的长期问题；在这种情况下，如果您的应用程序有能力升级其基础设施(即核心依赖项)，则应该这样做。