js获取页面光标坐标(x轴y轴)?

作者站长头像
站长
· 阅读数 5

js获取页面光标坐标(x轴y轴)?

回复
1个回答
avatar
test
2024-07-07
    // 获取当前位置
    getPosition() {
      setTimeout(() => {
        // 获取当前光标位置getSelection()
        const selection = window.getSelection()
        if (selection.rangeCount === 0) {
          return false
        }
        // 获取选中区域的范围 获取光标的范围
        const range = selection.getRangeAt(0)
        // 获取选中区域的边界 获取当前光标的坐标点 这个方法里面都有getBoundingClientRect()
        const { top, left } = range.getBoundingClientRect()
        // 获取当前光标的位置
        const cursorPosition = {
          x: left,
          y: top + range.getBoundingClientRect().height,
        }
        this.left = cursorPosition.x
        this.top = cursorPosition.y
      }, 180)
    },
  },
回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容