我的画布中的触摸事件未按预期运行，我无法确定其无法运行的原因

Question

因此，我目前正在尝试为Web应用程序创建笔记本样式的模块。目前，它的鼠标事件运行良好，但使用触摸事件时却无法正常工作。

ImageView

虽然鼠标事件功能齐全，但允许在画布上绘制。触摸事件在画布的左边框和上边框附近只有一个小空间可以绘制，并且只有当您点击边框时，才是一个点。它应该像鼠标事件一样工作

Answer 1

由于触摸事件可以处理多个触摸点，因此event.clientX和event.clientY不能像鼠标一样描述手指的x和y。相反，您获得了event.touches，它是一个坐标数组。因此，在您的代码中，每次要处理触摸事件时，只需将event.clientX替换为event.touches[0].clientX，将event.clientY替换为event.touches[0].clientY（考虑到您当然只想处理一根手指）