javascript - 触摸移动到鼠标移动

Question

如何将 touchmove 识别为 mousemove，我想使用下面的脚本，该脚本适用于 PC，但不适用于移动设备或平板电脑。有没有办法将 touchmove 识别为 mousemove？

<script>
    $(document).bind('mousemove', function(e){
        $('#try').css({
           left:  e.pageX -300,
            top:   e.pageY -145
        });
    });

      </script>

Answer 1

我将公共(public)代码放在一个单独的函数中，如下所示:

function onMouseMove(x, y) {
    $('#try').css({
        left:  x -300,
        top:   y -145
    });
}

然后为 mousemove 和 touchmove 注册事件监听器，将坐标转发到您的常用函数:

$(document).bind('mousemove', function(e){
    onMouseMove(e.pageX, e.pageY);
});
$(document).bind('touchmove', function(e){
    var touch = e.changedTouches[0];
    onMouseMove(touch.pageX, touch.pageY);
});