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

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，然后调用现有的onmousemove 处理程序。那将适用于运行移动 Safari 的handling events from iOS devices。您可能还需要添加一些额外的翻译来处理其他设备/浏览器。