zoukankan      html  css  js  c++  java
  • 移动互联网终端的touch事件判断方向

    var pressX = 0, pressY = 0;
    document.body.addEventListener('touchmove', function(event) {
        // 如果这个元素的位置内只有一个手指的话
        if (Math.abs(spanX) > Math.abs(spanY)) {
            //水平方向
            if (spanX > 0) {
                direct = "right";//向右
                //do right function
            } else {
                direct = "left";//向左
                //do left function
            }
        } else {
            //垂直方向
            if (spanY > 0) {
                direct = "down";//向下
                //do down function
            } else {
                direct = "up";//向上
                //do up function
            }
        }
    }, false);
    document.body.addEventListener('touchstart', function(event) {
        // 如果这个元素的位置内只有一个手指的话
        if (event.targetTouches.length == 1) {
            var touch = event.targetTouches[0];
            // 把元素放在手指所在的位置
            pressX = touch.pageX;
            pressY = touch.pageY;
            touchStart.value = pressX + ';' + pressY;
        }
    }, false);
  • 相关阅读:
    Ecplilse使用
    JDK安装
    浏览器的前世今生
    RethinkDB
    [css]兼容性
    【js】undefined
    String面试题
    SOS.dll(SOS 调试扩展)
    【ajax跨域】原因原理解决
    腾讯WEB前端开发三轮面试经历及面试题
  • 原文地址:https://www.cnblogs.com/subtract/p/4786947.html
Copyright © 2011-2022 走看看