【报Bug】使用canvas标签添加事件的时候浏览器报错

分类：uni-app

bug反馈

产品分类： uniapp/H5

PC开发环境操作系统： Mac

PC开发环境操作系统版本号： 12.6

浏览器平台： Chrome

浏览器版本：版本 107.0.5304.110（正式版本） (x86_64)

项目创建方式： CLI

CLI版本号： @vue/cli 4.5.19

示例代码：

<template> <view class="wh-full"> <canvas canvas-id="canvas" style="{width:windowWidth+'px',height:windowHeight-100+'px'}" id="canvas" hidpi="true" @touchstart="onTouchmove"
></canvas>
</view>
</template>
<script lang="ts" setup>
import {onReady} from "@dcloudio/uni-app";
const {windowHeight, windowWidth} = uni.getSystemInfoSync()
let ctx = uni.createCanvasContext('canvas');
onReady(() => {
})
function onTouchmove(e: any) {
console.log(e)
}
</script>
<style lang="scss" scoped>

</style>

操作步骤：

添加任意事件报错

预期结果：

添加任意事件不报错

实际结果：

现在添加任意事件报错

bug描述：

使用canvas标签添加事件的时候浏览器报错
Uncaught TypeError: $event.currentTarget.getBoundingClientRect is not a function
at uni-h5.es.js:7310:45
at vue.runtime.esm.js:9640:60
at callWithErrorHandling (vue.runtime.esm.js:1333:22)
at callWithAsyncErrorHandling (vue.runtime.esm.js:1342:21)
at HTMLElement.invoker (vue.runtime.esm.js:9619:17)
（匿名） @ uni-h5.es.js:7310
（匿名） @ vue.runtime.esm.js:9640
callWithErrorHandling @ vue.runtime.esm.js:1333
callWithAsyncErrorHandling @ vue.runtime.esm.js:1342
invoker @ vue.runtime.esm.js:9619