Question

我有一些绝对定位的div，里面有一些文本节点。当我尝试跨越div选择的文本选择跳转到页面。例如，在此示例代码http://jsfiddle.net/SQ39f/中当我尝试选择＆＃34;第二行＆＃34;当我的光标处于＆＃34; second＆＃34;之间时，选择跳到顶部。和＆＃34; line＆＃34;。

<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>

Answer 1

选择适用于鼠标结束的元素（如果可选）。

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

Answer 2

您的其他帖子Text selection flickers已经（或几乎）重复了这个问题。

但是，要为希望解决类似问题的任何其他人提供更准确的解决方案，我会链接my solution和JSFiddle。

此处描述的跳跃问题是通过div width拉伸（在这种情况下看似神奇的数字似乎是81px）和每个文本＆＃39;行＆＃39之间的间隔div的组合来修复的;

文本选择跳到顶部

2 个答案: