vue3ts实时监听鼠标移动并获取当前坐标
时间: 2024-05-09 15:18:14 浏览: 157
好的,可以通过在 mounted 生命周期中绑定全局事件来实现,代码如下:
```
import { defineComponent } from 'vue';
export default defineComponent({
mounted() {
window.addEventListener('mousemove', this.handleMouseMove);
},
methods: {
handleMouseMove(event: MouseEvent) {
const { clientX, clientY } = event;
console.log(`当前鼠标坐标为:(${clientX}, ${clientY})`);
},
},
});
```
希望以上回答对您有帮助,还有其他问题可以继续问我哦。
阅读全文