• 注册
  • BBS 站长资源 关注:6 内容:17

    给网站手机版增加“屏幕上左滑后退”功能

  • 查看作者
  • 打赏作者
  • 拉黑名单
  • VIP

    目前只有一个滑动返回的功能,

    代码就随便你粘贴到你高兴的地方,

    当然你也可以写上其它向右或者向上向下等等的功能。

    你也可以自行定义监听DOM元素。

    document.getElementById(“xxx”).addEventListener(“touchstart”, function(){XXXXXXXXXXXX});

    <script>

    var startx, starty;

    //获得角度

    function getAngle(angx, angy) {

        return Math.atan2(angy, angx) * 180 / Math.PI;

    };

    //根据起点终点返回方向

    function getDirection(startx, starty, endx, endy) {

        var angx = endx – startx;

        var angy = endy – starty;

        var result = 0;

        //如果滑动距离太短

            if (Math.abs(angx) < 2 && Math.abs(angy) < 2) {

                return result;

            }

        var angle = getAngle(angx, angy);

        if (angle >= -45 && angle <= 45) {

            result = 4;

        }

        return result;

    }

    //手指接触屏幕

    document.addEventListener(“touchstart”, function(e){

        startx = e.touches[0].pageX;

        starty = e.touches[0].pageY;

    }, false);

    //手指离开屏幕

    document.addEventListener(“touchend”, function(e) {

        var endx, endy;

        endx = e.changedTouches[0].pageX;

        endy = e.changedTouches[0].pageY;

        var direction = getDirection(startx, starty, endx, endy);

        switch (direction) {

            case 4:

                //layer.closeAll()//可选关闭半弹窗

                //myApp.closeModal();//可选关闭弹窗 

                myApp.getCurrentView().router.back();//只返回

                break;

            }

    }, false);

    </script>

    请登录之后再进行评论

    登录
  • 帖子间隔 侧栏位置: