Don'；t为触摸触发onclick-Javascript

我正在编写一个基于画布的HTML5应用程序，支持鼠标和触摸。对于鼠标事件，我使用此函数：

canvas.onmousedown = function (e) { .... }

对于触摸事件：

canvas.ontouchstart = function (e) { .... }

单击事件工作正常，但在触摸输入时会触发两个事件

---

有没有办法防止触控输入触发点击事件？

只有当触控启动事件不可用时，才尝试注册触控启动事件

if(!canvas.ontouchstart){
  canvas.onmousedown = function (e) { .... }
}

---

在

中尝试
e.preventDefault（）
和
e.stopPropagation（）
。通常
e.stopPropagation（）
不是推荐的方法，所以您也可以尝试下面回答的方法