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

How can I tell the difference between click events and swipe events in JavaScript?

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

代码笔:https://codepen.io/anon/pen/amJooZ

如果您正在为触摸屏开发某些东西,而不是监听 click 事件,您应该监听触摸事件。参见 MDN's documentation of touch events. If it's important to handle normal click events as well, see the section about handling clicks