交换鼠标移动以进行触摸控制

Question

我有这个脚本用于在html 5画布中移动游戏中的角色，如果在任一侧检测到鼠标，它只需调用一个函数来移动角色。如何将其替换为在移动设备上使用的触摸手势？

document.onmousemove = function(e){  
    if (player.X + c.offsetLeft > e.pageX) {  
        player.moveLeft();  
    } else if (player.X + c.offsetLeft < e.pageX) {  
        player.moveRight();  
    }  
}

Answer 1

我不建议将其换掉。相反，只需为触摸事件添加处理程序，并将事件转换为onmousemove处理程序可以理解的内容。

例如，添加一个ontouchmove处理程序，将事件的screenX和screenY转换为pageX和pageY，然后调用现有的{{1}处理程序。那将是运行移动Safari的handling events from iOS devices。您可能还需要添加一些额外的翻译来处理其他设备/浏览器。