8***@qq.com
8***@qq.com
  • 发布:2022-08-18 16:44
  • 更新:2022-08-19 10:50
  • 阅读:1350

【报Bug】pc 模式下canvas中 touchstart、@touchmove、@touchend无效

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win10

HBuilderX类型: 正式

HBuilderX版本号: 3.5.4

浏览器平台: Chrome

浏览器版本: 103.0.5060.134

项目创建方式: HBuilderX

示例代码:

<canvas
class="canvas"
type="2d"
canvas-id="canvas"
@touchstart="touchStart"
@touchmove="touchMove"
@touchend="touchEnd"
@error="error"

</canvas>

methods: {
touchStart(e) {
console.log('start')
},
touchMove(e) {
console.log('move')
},
touchEnd(e) {
console.log('end')
}
}

实际结果:

不触发

bug描述:

canvas中 touchstart、@touchmove、@touchend无效,浏览器控制台将设备更改成移动设备canvas 的 touchstart touchmove touchend就能够执行。

2022-08-18 16:44 负责人:无 分享
已邀请:
CODE_XU

CODE_XU

PC 端是无法使用 touch 事件的,你需要绑定 mouse 事件去模拟滑动

该问题目前已经被锁定, 无法添加新回复