热门标签
热门文章
- 1Cathy学Java——数据库_cathy 数据库
- 2gitee的操作（创建仓库-克隆本地-提交代码-分支管理）_gitte 怎么提交merge
- 3RK3588 & Android12 调试 RTL8852BE（wifi篇）_rk3588 android12调试rtl8852bs
- 4xilinxFPGA-串口发送和接收模块实例详解（基于verilog）_fpga 串口 收发 转 例化 verilog
- 5路径规划算法3.1 人工势场法APF_apf算法
- 6可解释性AI_可解释人工智能
- 7pgsql聚集函数_pgsql count(expression)
- 8生成无限制微信小程序码_获取不限制的小程序码
- 9在windows10上安装apache-hive-3.1.3_windows上安装hive3.1.3
- 10更改结构体字符串成员的内容时内存泄漏 LEAK SUMMARY：definitely lost: 10 bytes in 1 blocks_struct 内存泄露
当前位置: article > 正文
Vue3中获取鼠标在浏览器x轴和y轴的位置_vue3获取鼠标位置
作者：花生_TL007 | 2024-04-26 18:56:03
赞
踩
vue3获取鼠标位置
在日常开发和工作中我们经常遇到需要获取鼠标指向的当前位置，很多人感觉很难并不好理解，但是看文本文我相信你会对这个知识有更深层的认识。
使用onMounted定义document.addEventListener，第一个参数是鼠标指向类型，也可以单击 click、mousedown，第二个参数是事件函数。另外最后一个参数决定该事件的响应顺序；
① 如果为true事件执行顺序为 addEventListener---标签的onclick事件---document.onclick。
② 如果为false事件的顺序为 标签的onclick事件---document.onclick---addEventListener
一、第一种
此时我们的事件函数里可以在控制台打印出来当前信息。将它赋值给我们定义的变量即可。
二、第二种。使用reactive，方便前期书写和后期维护。
三、第三种。使用封装
① assets目录下新建js文件，把获取x、y轴封装起来。在使用的页面直接引入即可调用。
声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/花生_TL007/article/detail/492597
推荐阅读
相关标签
