Vue3 — hooks功能函数（持续补充）_vue3 自定义hooks 获取鼠标坐标

作者：知新_RL | 2024-04-26 18:59:36

踩

vue3 自定义hooks 获取鼠标坐标

1、鼠标点击页面当中任意位置都可以获取坐标


import { onMounted,onUnmounted,reactive } from "vue";
//需求：鼠标点击页面当中任意位置都可以获取坐标
export default function usePoint(){
	const point=reactive({
		x:0,
		y:0
	})
	const getPoint=(event)=>{
		point.x=event.pageX
		point.y=event.pageY
	}
	onMounted(()=>{
		window.addEventListener('click',getPoint)
	})
	onUnmounted(()=>{
		window.removeEventListener('click',getPoint)
	})
	return point
}

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/知新_RL/article/detail/492613