码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2015-09-06 20:04:50      阅读:183      评论:0      收藏: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);

 

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

标签:

原文地址:http://www.cnblogs.com/subtract/p/4786947.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!