博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

移动互联网终端的touch事件判断方向

Posted on 2015-09-06 19:13  SmarTom  阅读(256)  评论(0编辑  收藏  举报
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);