Javascript 如何在JS画布中将鼠标功能更改为触摸

Javascript 如何在JS画布中将鼠标功能更改为触摸,javascript,canvas,touch,Javascript,Canvas,Touch,用Javascript制作了一个简单的画图。但是,它在移动设备中不起作用 从桌面到触摸屏是否有一个简单的“转换” 我尝试将鼠标操作(如mousemove)更改为touchmove,但没有任何进展 $('#canvas').mousedown(function(e) { var mouseX = e.pageX - this.offsetLeft; var mouseY = e.pageY - this.offsetTop; paint = true; addC

用Javascript制作了一个简单的画图。但是,它在移动设备中不起作用

从桌面到触摸屏是否有一个简单的“转换”

我尝试将鼠标操作(如mousemove)更改为touchmove,但没有任何进展

$('#canvas').mousedown(function(e)  {
    var mouseX = e.pageX - this.offsetLeft;
    var mouseY = e.pageY - this.offsetTop;

    paint = true;
    addClick(mouseX, mouseY, false);
    redraw();
});

$('#canvas').mousemove(function(e){
    if(paint==true){
        addClick(e.pageX - this.offsetLeft, e.pageY - this.offsetTop, true);
        redraw();
    }
});

$('#canvas').mouseup(function(e){
    paint = false;
    redraw();
});

$('#canvas').mouseleave(function(e){
    paint = false;
});
不幸的是,没有简单的“转变”。在大多数情况下,你必须改变结构

这篇文章非常好,详细阐述了在画布中实现触摸功能时应该采用何种结构


这确实很有帮助!谢谢你给我指明了正确的方向。