onTouchStart对onClick的反应？

Question

当我构建一个项目时，当我双击使用onClick的按钮时，我发现组件的工作方式是正确的。但是当我将onClick改为onTouchStart时，它就开始起作用了。

但是我有点担心使用这个方法，而不知道它与onClick方法有什么不同。

是否有一种特殊情况，我应该使用onTouchStart而不是React.js中的onClick？

Answer 1

OnTouchStart是为具有数字化设备(触摸设备)的设备举办的活动。OnClick是单击(鼠标)或点击(数字化设备)的事件。

在移动设备和桌面上打开此代码：http://codepen.io/blixt/pen/pgvGdK。

您将体验到幻灯片在移动环境中工作，但在桌面上不起作用。

您可以在桌面上使用鼠标事件实现相同的体验：mouseup、mousedown和mousemove。

Answer 2

onTouchStart start是一个触摸事件，当用户接触该元素时会触发该事件。

onClick是一个鼠标事件，当用户单击该元素时会触发该事件。

触摸事件只适用于触摸屏，尽管有一些方法可以将touch事件与onClick事件绑定。