js获取页面光标坐标（x轴y轴）？

Question

Answer 1

    // 获取当前位置
    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)
    },
  },

Answer 2

可以参考这篇文章：https://www.cnblogs.com/CyLee/p/7655810.html

本文参与了SegmentFault 思否面试闯关挑战赛，欢迎正在阅读的你也加入。

Answer 3

你需要说你是什么编辑器。我之前用过一个编辑器，光标点是假的。

一般来说用的开源方案，他们都会有 api 能直接拿到。

如果你是自研，那么就是浏览器的，我之前写过一个 @ 人的功能 https://www.lilnong.top/static/html/chat-dest-noselect-destli...

---

本文参与了SegmentFault 思否面试闯关挑战赛，欢迎正在阅读的你也加入。