javascript画布touchstart和touchend不工作在触摸屏上

Question

使用phpacademy绘图应用程序教程，我尝试添加触摸屏支持，我对鼠标和触摸都有相同的代码，但是不能触发触屏和触屏。

canvas.addEventListener('mousedown', engage);
canvas.addEventListener('mousemove', putPoint);
canvas.addEventListener('touchstart', engage);
canvas.addEventListener('touchmove', putPoint);
canvas.addEventListener('mouseup', disengage);
canvas.addEventListener('mouseout', disengage);
canvas.addEventListener('touchend', disengage);

Answer 1

canvas元素不会接收touchstart事件(我知道是lame)。为了使其工作，您将不得不黑一些东西，如绝对位置，在画布上的div，并使用div来捕获touchstart事件。