如何区分 JavaScript 中的点击事件和滑动事件？

Question

我正在使用带有 ReactJS 的 OnsenUI 2 来开发带有 Cordova 的跨平台应用程序。它应该可以在移动设备上运行，但如果它也可以在普通浏览器上运行就更好了。我有一个带有全屏图像的轮播元素，当用户点击图像时，我想打开一个新页面。问题是，每次滑动到新图像都会触发图像上的click 事件。如何区分点击幻灯片和滑动到新幻灯片之间的区别？

Codepen：https://codepen.io/anon/pen/amJooZ

Answer 1

如果您正在为触摸屏开发一些东西，而不是监听click 事件，您应该监听触摸事件。见MDN's documentation of touch events。如果处理正常的点击事件也很重要，请参阅the section about handling clicks。