Javascript 文本选择跳转到顶部

我有一些绝对定位的div，里面有一些文本节点。 当我尝试进行跨divs的文本选择时，选择跳转到页面。 例如，在本示例代码中的 当我尝试选择“第二行”时，当光标位于“第二行”和“第二行”之间时，选择会跳到顶部

第一
线
第二
线

选择适用于鼠标悬停的元素（如果可选）

当鼠标位于第二行的第一个单词和第二个单词之间时，光标下的元素是包含绝对定位DIV的父DIV。

此问题（或几乎）被其他帖子复制

然而，为了给其他希望解决类似问题的人提供更准确的解决方案，我将链接和

---

这里描述的跳转问题通过组合

div-width

拉伸来解决（在这种情况下，似乎神奇的数字是

81px

）每个文本“行”之间都有一个分隔符div。

好的。是否有CSS可用的技巧使选择平滑？我认为为父级关闭

指针事件，并为子级覆盖它们应该可以做到这一点。不幸的是，它没有：-（我建议你用空格跨度填充单词之间的空格，这样选择事件就不会传播到父div。插入空的跨度对我来说不起作用。我需要计算宽度吗？是的，要确保的是，在选择过程的中间，鼠标总是超过一个孩子，而NEVE。r直接位于父级之上。
<div>
<div style="position:absolute; font-size: 18px; font-family: sans-serif; left: 422.178px; top: 10.523px; transform: rotate(0deg) scale(1.04982, 1); transform-origin: 0% 0% 0px;" dir="ltr">FIRST</div>
<div style="position:absolute; font-size: 18px; font-family: sans-serif; left: 530.61px; top: 10.523px; transform: rotate(0deg) scale(1.05114, 1); transform-origin: 0% 0% 0px;" dir="ltr">LINE</div>
<div style="position:absolute; font-size: 18px; font-family: sans-serif; left: 422.178px; top: 30.523px; transform: rotate(0deg) scale(1.04982, 1); transform-origin: 0% 0% 0px;" dir="ltr">SECOND</div>
<div style="position:absolute; font-size: 18px; font-family: sans-serif; left: 530.61px; top: 30.523px; transform: rotate(0deg) scale(1.05114, 1); transform-origin: 0% 0% 0px;" dir="ltr">LINE</div>
</div>