兼容性-我的網站在移動設備方面存在一些問題

Question

這是我的網站 ，該網站應允許用戶用鼠標在畫布上繪制。 它在Chrome桌面瀏覽器上可以正常工作，但是如果我嘗試在移動設備上執行此操作，則控制台上會彈出錯誤提示，例如

index.js:95 Uncaught TypeError: Cannot read property 'clientX' of undefined
    at HTMLCanvasElement.<anonymous> (index.js:95)

報告以下代碼：

el.addEventListener("touchend", function (e) {
        var touch = e.touches[0];
        var mouseEvent = new MouseEvent("mouseup", {
            clientX: touch.clientX,
            clientY: touch.clientY
        });

我真的不知道該怎么辦，我相信問題出在我的jquery上，我想創建一些東西來讓用戶用兩根手指拖動頁面並用一根手指畫畫，但是唯一得到的就是錯誤。

Answer 1

您正在查看錯誤的事件屬性。 您需要查詢e.changedTouches而不是e.touches：

https://developer.mozilla.org/zh-CN/docs/Web/API/TouchEvent/changedTouches

希望這可以幫助。