zoukankan      html  css  js  c++  java
  • 手机滑动事件

    先设置body的ID,然后获取body

    var Div = document.getElementById("BODY");
    //touchstart类似mousedown
    Div.ontouchstart = function(e){
      //事件的touches属性是一个数组,其中一个元素代表同一时刻的一个触控点,从而可以通过touches获取多点触控的每个触控点
      //由于我们只有一点触控,所以直接指向[0]
      var touch = e.touches[0];
      //获取当前触控点的坐标,等同于MouseEvent事件的clientX/clientY
      var x = touch.clientX;
      var y = touch.clientY;
    };
    //touchmove类似mousemove
    Div.ontouchmove = function(e){
      //可为touchstart、touchmove事件加上preventDefault从而阻止触摸时浏览器的缩放、滚动条滚动等,这里因为需要滑动没有添加
      $('#lazy2').attr('src','/Template/xpshop_currents/Images/mony.jpg');

      $('#lazy2').fadeIn();

      $('#lazy3').attr('src','/Template/xpshop_currents/Images/vision.jpg');

      $('#lazy3').fadeIn();

    };
    //touchend类似mouseup
    Div.ontouchup = function(e){
      //nothing to do
    };

  • 相关阅读:
    mysql修改表
    MySQL sql优化(摘抄自文档)
    mysql show操作
    mysql load data infile
    mysql Insert强化
    mysql group_concat
    HTML js 复习
    mysql开发实战8问
    不使用Ajax,如何实现表单提交不刷新页面
    跨域的方式总结
  • 原文地址:https://www.cnblogs.com/webwangjie/p/7325565.html
Copyright © 2011-2022 走看看