如何通过javascript中的滑动关注链接?

时间:2015-03-26 20:30:04

标签: javascript mobile swipe

要处理滑动,请使用此处发布的脚本: http://padilicious.com/code/touchevents/

工作正常。

现在不是改变背景(原始脚本的作用),而是希望它抓住<a>中包含类的链接,该链接通常是指向下一页的链接,但是对于像这样的鼠标事件:

<a href="mypage02.html" target="_self" class="NextP" title="My Second Page">

然后加载页面。

我有很多页面,结构相同,我不想手动定义链接。我希望js能够抓住href中包含的当前<a>并在滑动触发时启动它。如果可能的话。

谢谢; - )

1 个答案:

答案 0 :(得分:1)

根据我的理解,你想找一个

<a href="http://example.com/" class="NextP">
页面中的

元素(带有<a>类的NextP锚标记),当用户滑动时,访问该链接。

要做到这一点,我会

  1. 在HTML中查找a.NextP元素,并捕获其href属性。
  2. 当用户滑动时,将window.location.href设置为此属性。
  3. window.onload = function(){
      var nextPageUrl = document.querySelectorAll('a.NextP')[0].href;
    
      // just guessing how swiping works, I haven't looked through your library
      document.body.onswiperight = function(){
        window.location.href = nextPageUrl;
      };
    };
    

    当然,您可以使用正确的方法来检测滑动。