zoukankan      html  css  js  c++  java
  • 手机下的ev.pageX无效

     
    把  ev.pageX  换成  e.originalEvent.targetTouches[0].pageX;
     
    例子:
    var start_x, start_y, end_x, end_y, move_num;
        var client_height = $(window).height();
     
        $("#containner div").on("touchstart"function(e) {
            start_x = e.originalEvent.targetTouches[0].clientX;
            start_y = e.originalEvent.targetTouches[0].clientY;
            console.log(start_x);
            console.log(start_y);
     
        });
        $("#containner div").on("touchmove"function(e) {
            $(this).removeClass("slow_action");
            end_x = e.originalEvent.targetTouches[0].clientX;
            end_y = e.originalEvent.targetTouches[0].clientY;
            move_num = (end_y - start_y).toFixed(2);
            console.log(move_num);
            var tf_num = "translateY(" + move_num + "px)";
            $(this).css("-webkit-transform", tf_num);
     
        });
        $("#containner div").on("touchend"function() {
            $(this).addClass("slow_action");
            if (move_num < -(client_height / 2)) {
     
                $(this).css({
                    "-webkit-transform""translateY(-900px)",
     
                });
     
            else if (move_num > 0) {
                $(this).css({
                    "-webkit-transform""translateY(0px)",
     
                });
            else {
                $(this).css({
                    "-webkit-transform""translateY(0px)",
     
                });
     
            }
     
     
     
     
        });
  • 相关阅读:
    Mybatis简单的入门之增删改查
    循环的角度求均值
    谈谈软件设计
    秒杀多线程第四篇 一个经典的多线程同步问题
    (转)dp动态规划分类详解
    P1006 传纸条
    P1005 矩阵取数游戏
    1D1D动态规划优化
    NOI 2009A 诗人小G
    P1078 文化之旅
  • 原文地址:https://www.cnblogs.com/zhengyan/p/5045399.html
Copyright © 2011-2022 走看看