Javascript swipeleft和swiperight从html调用id并链接到href，在数字图书中翻页

首先，对不起，我有个问题。但我有一本数字教科书，它就像一个网站，书中的每一页都是网站中的一页

我在页眉中将左右翻页声明为链接（例如，如果我在第2页，左边是第1页，右边是第3页）：

我还有一个小箭头键脚本，通过左/右箭头单击执行相同的功能：

document.addEventListener("keyup",function(e){
   var key = e.which||e.keyCode;
   switch(key){
      //left arrow
      case 37:
         document.getElementById("turn-the-page-L").click();
      break;
      //right arrow
      case 39:
         document.getElementById("turn-the-page-R").click();
      break;
   }
});

现在，我还想为移动触摸设备的swipeleft/swiperight设置一个类似的脚本

我从来没有使用过触摸设备的代码，我也没有弄明白这一点（尽管我认为这很简单）

---

有人能帮忙吗

因此，根据我自己的经验，向web应用程序添加手势支持更像是一个中高级主题，这就是为什么你不太可能得到“这里有一些代码可以让你这么做”的答案。通常你需要绑定到

touchstart

，

touchend

，和

touchmove

移动身体的事件，并在整个生命周期内跟踪触摸，并决定如何处理触摸。有一些库/插件可以让你更容易使用。一个简短的搜索产生了一个可能的结果。希望有帮助。如果你想知道如何通过示例来实现自己，那么有一个实现。哦，哇，好的，非常感谢你的起点！

onclick="window.open(document.getElementById('turn-the-page-L').href, '_self')"

document.addEventListener("keyup",function(e){
   var key = e.which||e.keyCode;
   switch(key){
      //left arrow
      case 37:
         document.getElementById("turn-the-page-L").click();
      break;
      //right arrow
      case 39:
         document.getElementById("turn-the-page-R").click();
      break;
   }
});