首页uniapp 获取click 的屏幕坐标

uniapp 获取click 的屏幕坐标

时间: 2024-08-14 19:02:04 浏览: 173

UniApp 中获取点击事件的屏幕坐标的步骤如下： 1. 首先，在你需要监听点击事件的组件中，通常是在 Vue 元素上绑定 `@touchstart` 或者 `@tap` 事件，例如 `<view @tap="handleTap"></view>`。 2. 创建一个处理函数，如 `handleTap`，在这个函数内部，你可以通过 `event` 对象来获取点击的坐标信息。在 TypeScript 中，`event` 对象会有 `position` 属性，它是一个坐标对象包含 `x` 和 `y` 值；在 JavaScript 中，这个属性可能是 `e.touches.clientX` 和 `e.touches.clientY`，如果只有一个触摸点的话。示例代码（JavaScript）： ```javascript methods: { handleTap(e) { const touchEvent = e.targetTouches && e.targetTouches || e.changedTouches && e.changedTouches; if (touchEvent) { console.log('点击坐标:', { x: touchEvent.clientX, y: touchEvent.clientY }); } } } ``` 示例代码（TypeScript）： ```typescript methods: { handleTap(event: Event): void { const touch = event.touches?. ?? event.changedTouches?.; if (touch) { console.log('点击坐标:', { x: touch.clientX, y: touch.clientY }); } } } ```

阅读全文