javascript - 如何在 JavaScript/jQuery 中将滑动手势读取为单击？

Question

我只是想掌握一些更好的 JavaScript 技能，并创建了一个非常基本的网站，该网站从一组图像或 gif 中随机生成。

主页只有加载的 gif 或图像，然后在单击或点击时从可用图像数组中随机选择图像。

我想做的是，当它在移动设备上时，当用户向右或向左滑动时，浏览器会将此滑动解释为“点击”并触发随机化功能。

如果有人能告诉我如何让它工作，那就太好了!!

提前致谢

Answer 1

改变旧问题但重播这样可以帮助像我这样的其他人如何改变小的简单代码以在没有任何依赖的情况下在 JavaScript 中获取交换事件。希望对其他人有帮助。

请参阅 swipe.js 处的脚本

在 html 标记中使用简单:

    <div id="touchsurface1" class="touchsurface" onSwap="touchsurfaceSwap(event)"></div>

在 Javascript 中使用:

    touchsurface = document.getElementById('touchsurface2');
    touchsurface.addEventListener("swap", function(event){alert('Swaped ' + event.detail.direction + ' at ' + event.target.id);}, false);

演示页面:https://vikylp.github.io/swipe/