找出鼠标移动方向

时间:2013-06-18 13:37:25

标签: javascript mousemove

我有一个为touchmove调用的函数,我需要找出鼠标移动的方向。请求的值是“左”和“右”。如何在不使用任何插件的情况下完成此操作?

document.addEventListener('touchmove',
    function(event, direction, distance, duration, fingerCount) {
        if(direction == 'left'){
            my.MouseWheel.handle(-1);
        } else if (direction == 'right'){
            my.MouseWheel.handle(1);
        }   
    });

1 个答案:

答案 0 :(得分:1)

使用touchstart事件,然后使用pageX和pageY获取触摸的坐标。然后在touchmove事件上再次获取坐标并与之前的坐标进行比较以找到方向。

var mouse_x;
var mouse_y;
function load(){
     document.addEventListener('touchstart',get_mouse_coords,false);
     document.addEventListener('touchmove',check_swipe,false);
}

function get_mouse_coords(e){
    mouse_x = e.pageX;
    mouse_y = e.pageY;

}
function check_swipe(e){
    var new_mouse_x = e.pageX;
    if ((new_mouse_x - mouse_x) > 75){
        //swiped right
    }else if ((new_mouse_x - mouse_x) < -75){
        //swiped left
    }
}