zoukankan      html  css  js  c++  java
  • js判断手机的左右滑动

    js代码

    $(function() {  
        function judge() {  
            var startx;//让startx在touch事件函数里是全局性变量。  
            var endx;  
            var el = document.getElementById('io');//触摸区域。  
            function cons() {   //独立封装这个事件可以保证执行顺序,从而能够访问得到应该访问的数据。  
                if (startx > endx) {  //判断左右移动程序  
                    alert("left");  
                } else {  
                    alert("right");  
                }  
            }  
      
            el.addEventListener('touchstart', function (e) {  
                var touch = e.changedTouches;  
                startx = touch[0].clientX;  
                starty = touch[0].clientY;  
            });  
            el.addEventListener('touchend', function (e) {  
                var touch = e.changedTouches;  
                endx = touch[0].clientX;  
                endy = touch[0].clientY;  
                cons();  //startx endx 的数据收集应该放在touchend事件后执行,而不是放在touchstart事件里执行,这样才能访问到touchstart和touchend这2个事件产生的startx和endx数据。另外startx和endx在_touch事件函数里是全局性的,所以在此函数中都可以访问得到,所以只需要注意事件执行的先后顺序即可。  
            });  
        }  
      
        judge();  
    })  

    html随便写就可以  记得id要对应

    <body>  
        <div style=" 100%;height: 3000px;background: #08c;" id="io">  
      
        </div>  
    </body>  
    

      

  • 相关阅读:
    jackson自动将东八区时间转成标准时间
    开发项目和所用时间 感想
    自我介绍
    后缀数组模板
    lucas模板
    后缀数组da3模板
    cf#366....
    第1月2周1天
    第1月2周2天
    第1月1周1天
  • 原文地址:https://www.cnblogs.com/turbo12138/p/6518621.html
Copyright © 2011-2022 走看看