找出鼠标移动方向

find out the mousemovement direction

本文关键字：方向 移动 鼠标      更新时间：2023-09-26

我有一个为touchmove调用的函数，我需要找出鼠标移动的方向。请求的值是"左"answers"右"。我怎么能做到这一点，而不使用任何插件?

document.addEventListener('touchmove',
    function(event, direction, distance, duration, fingerCount) {
        if(direction == 'left'){
            my.MouseWheel.handle(-1);
        } else if (direction == 'right'){
            my.MouseWheel.handle(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
    }
}
相关文章：