javascript - 如何使 div 成为能够选择文本的自定义鼠标光标？

Question

这是我刚刚制作的：

你看到的蓝点是一个我想成为光标的 div。这是我现在拥有的一些代码：

function handler(e) {
    var coords = getCoords(document.getElementById("cursor"));

    var pageY = coords.top;
    var pageX = coords.left;

    var element = document.elementFromPoint(pageX - 1, pageY - 1);
}

此代码找到一个位于该蓝点坐标下的节点并且效果很好（至少目前如此）。那个蓝点的 id 是“cursor”。我现在真正想做的是能够选择该光标下的文本。我有这个：

<span>Text sample sample sample text</span>

如何从此处到此处选择此文本的一部分？（举个例子）。只是为了选择这个文本的一部分（它在一个 span 元素中），然后像用鼠标一样将光标移动到文本中并立即选择它？我需要得到一个在那个蓝点下的角色？但是怎么做？

可能吗？我知道我实际上可以使用 document.createRange 选择整个 span 元素，但关键是我只想选择一部分，而这部分要根据光标的坐标（蓝点）来计算。也许，如果不是，还有其他方法可以做到这一点？

标签： javascripthtmlcss