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

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

本文关键字：事件 JavaScript 中区更新时间：2023-09-26

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

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

如果你正在为触摸屏开发内容，你应该监听触摸事件，而不是监听click事件。请参阅MDN的触摸事件文档。如果处理正常的单击事件也很重要，请参阅有关处理单击的部分。