Canvas 微信小程序画布上的触摸事件处理

Canvas 微信小程序画布上的触摸事件处理,canvas,touch,wechat,Canvas,Touch,Wechat,我制作了一个3D模拟微信小游戏。 出于某种原因,我应该将其作为微信小程序重新实施。 所以我在index.wxml上创建了一个画布 我试着在画布上捕捉触摸事件,就像在HTML5中一样 const-app=getApp() 页面({ onReady(){ const query=wx.createSelectorQuery() query.select('#myCanvas').node().exec((res)=>{ const canvas=res[0]。节点 canvas.addEvent

我制作了一个3D模拟微信小游戏。 出于某种原因,我应该将其作为微信小程序重新实施。 所以我在
index.wxml
上创建了一个画布


我试着在画布上捕捉触摸事件,就像在HTML5中一样

const-app=getApp()
页面({
onReady(){
const query=wx.createSelectorQuery()
query.select('#myCanvas').node().exec((res)=>{
const canvas=res[0]。节点
canvas.addEventListener(“touchstart”,函数(e){
console.log(getTouchPos(canvas,e))
},假);
})
}
})
但我收到一条错误消息,小程序没有运行

VM379:1第三脚本错误
canvas.addEventListener不是一个函数;at选择器查询回调函数
TypeError:canvas.addEventListener不是函数
在迷你游戏中,它是由
wx.onTouchStart()
或类似的东西完成的


如何在微信小程序的画布上获取触摸事件?

我更改了一些代码,以便可以收听触摸事件


//index.js
页面({
onReady(){},
onTap:(事件)=>{
console.log(事件)
}
})
虽然我解决了这个问题,但欢迎更多的回答和评论。例如:

  • 详细说明HTML5画布与微信小程序画布(非微信小游戏画布)的区别
  • 其他直接或更直观的触摸事件处理方式