从html向左滑动和向右滑动呼叫ID,并链接到href,在数字图书中翻页

时间:2018-07-02 14:56:48

标签: javascript touch swipe

首先,很抱歉出现noobie问题。但我有一本可以作为网站使用的数字教科书,书中的每一页都作为网站中的一页。

我在页眉中声明了将左右翻页作为链接(例如,如果我在第2页上,则左是第1页,右是第3页):

<a id="turn-the-page-L" href="../Text/A0.01.01.xhtml"></a>
<a id="turn-the-page-R" href="../Text/A0.01.03.xhtml"></a>

对于这些,我通过以下链接在左侧和右侧设置了可点击的页面转向图标:

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

我还有一个小的arrowkey脚本,可通过向左/向右箭头单击来执行相同的功能:

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;
   }
});

现在,我也想为移动触摸设备的向左/向右滑动设置类似的脚本。

我从未使用过触摸设备的代码,也无法弄清楚这一点(尽管我认为这很简单)。

有人可以帮忙吗?!?

0 个答案:

没有答案