为什么在打开Inspector时Chrome中的e.touches []更快？

如何解决为什么在打开Inspector时Chrome中的e.touches []更快？

我有一个站点（位于https://digitaalwisbordje.nl/84734059348524305/Stackoverflow/上），用户可以在其中编写。 在Chrome和Chromebook中，使用鼠标可以很好地绘制图形。

使用触摸屏并不能...这是一种缓慢绘制快速圆的方法。 ... 直到您打开Inspector（Chrome中的F12）。然后一切正常。

为什么打开检查器会更快？ 以及如何获得始终如此快速的响应？现在这是我的主要目标！ 最好的测试是使用触摸快速绘制一个圆。

function findxy_touch(res,e) {
        if (res == 'down') {
            prevX = currX;
            prevY = currY;
            console.log(e.touches);
            currX = e.touches["0"].clientX - canvas.getBoundingClientRect().left;
            currY = e.touches["0"].clientY - canvas.getBoundingClientRect().top;

            flag = true;
            dot_flag = true;
            if (dot_flag) {
                ctx.beginPath();
                ctx.fillStyle = x;
                ctx.fillRect(currX,currY,2,2);
                ctx.closePath();
                dot_flag = false;
            }
        }
        if (res == 'up' || res == "out") {
            flag = false;
        }
        if (res == 'move') {
            if (flag) {
                prevX = currX;
                prevY = currY;
                //console.log(prevX);

                // pak touch en muis!
                currX = e.touches["0"].clientX - canvas.getBoundingClientRect().left;
                currY = e.touches["0"].clientY - canvas.getBoundingClientRect().top;
                draw();
            }
        }

解决方法

仅通过使用https://zipso.net/a-simple-touchscreen-sketchpad-using-javascript-and-html5/（并链接到https://zipso.net/sketchpad/sketchpad-lines.txt）的代码，我就可以正常工作。使用此新代码，可以更好，更快地处理触摸事件，从而使其正常工作。

不应使用我的第一个代码，而应使用工作代码。