zoukankan      html  css  js  c++  java
  • touch监听判断手指的上滑,下滑,左滑,右滑,事件监听

    判断滑动的方向和距离,来实现一定的效果,比如返回上一页等等

    <body>
            
            
            <script>
                $(function(){
                        //给body强制定义高度
                        var windowHeight = $(window).height(),
                      $body = $("body");
                      // console.log($(window).height()); //627
                      // console.log($('body').height()); //0
                      $body.css("height", windowHeight); //重要代码
                    
                    $("body").on("touchstart", function(e) {
                    //e.preventDefault();//会使所有的触屏都失效,不能用
                    startX = e.originalEvent.changedTouches[0].pageX,
                    startY = e.originalEvent.changedTouches[0].pageY;
                  });
                  $("body").on("touchmove", function(e) {
                    //e.preventDefault();
                    moveEndX = e.originalEvent.changedTouches[0].pageX,
                    moveEndY = e.originalEvent.changedTouches[0].pageY,
                    X = moveEndX - startX,
                    Y = moveEndY - startY;
                
                    if ( Math.abs(X) > Math.abs(Y) && X > 0 ) {
                      alert("right");
                    }
                    else if ( Math.abs(X) > Math.abs(Y) && X < 0 ) {
                      alert("left");
                    }
                    else if ( Math.abs(Y) > Math.abs(X) && Y > 0) {
                      alert("bottom");
                    }
                    else if ( Math.abs(Y) > Math.abs(X) && Y < 0 ) {
                      alert("top");
                    }
                    else{
                      alert("just touch");
                    }
                  });
                })
            </script>
  • 相关阅读:
    Linux 删除多余IP地址
    linux 变更网卡后无法联网
    eureka 参数
    C# 一般处理程序使用session注意事项
    asp.net web 简单使用cookie
    asp.net ajax post 请求
    Ajax 的基本使用以及get请求
    asp.net 错误页
    C# winfrom 跨线程访问文本框
    C# winfrom 打印到Excel中
  • 原文地址:https://www.cnblogs.com/LChenglong/p/6769897.html
Copyright © 2011-2022 走看看