zoukankan      html  css  js  c++  java
  • 移动端左右滑动代码

        //左右滑动切换
            var nStartY;
            var nStartX;
            var nChangY;
            var nChangX;
            document.getElementsByTagName('body')[0].addEventListener('touchstart',function(e){
                nStartY = e.targetTouches[0].pageY;
                nStartX = e.targetTouches[0].pageX;
            });
            document.getElementsByTagName('body')[0].addEventListener('touchmove',function(e){
                e.preventDefault();
            });
            document.getElementsByTagName('body')[0].addEventListener('touchend',function(e){
                nChangY = e.changedTouches[0].pageY;
                nChangX = e.changedTouches[0].pageX;
                var distance = nChangX - nStartX;
                var distance1 = nChangY - nStartY;
    
                if(distance > 50){//左滑
                    alert('左滑');
                }else if(distance < -50){
                    
                    alert('右滑');
                }
            });
  • 相关阅读:
    元组类型
    字符串类型
    列表类型
    python 循环
    python语句
    python运算符
    python1
    软件管理
    rpm yum
    LVM
  • 原文地址:https://www.cnblogs.com/chengkun101/p/5216938.html
Copyright © 2011-2022 走看看