获取鼠标点击的坐标

来源：3-12 vue3 模块化妙用- 鼠标追踪器

罗树荣

2023-01-11

老师，如果我要获取鼠标在一个元素内的坐标，有什么办法嘛？就比如有一个200*200px的div，原点为div的左上角，点击这个div内部时，获取到基于这个新原点的坐标。

写回答

1回答

张轩

2023-01-12

同学你好

这个问题在拖动的时候经常会遇到。

可以先获取外层元素在页面中的位置（offsetTop，offsetLeft），然后再获取鼠标的位置，然后用鼠标的位置减去左边和上边的像素值，就能获取再内部的位置了。

罗树荣

可是页面存在滚动的话，那这个方法好像就不行了吧？

2023-01-12

共1条回复

Vue3 + TS 仿知乎专栏企业级项目

带你完成前后端分离复杂项目，率先掌握 vue3 造轮子技能

3142 学习 · 2313 问题

相似问题

回答 2

回答 1

回答 1

回答 1

回答 2