Javascript 如何通过突出显示的位置获取行的文本

Javascript 如何通过突出显示的位置获取行的文本,javascript,jquery,html,Javascript,Jquery,Html,我有一个div,其中包含长段落文本。我也有一个滚动线,可以向上或向下移动。 我想得到它当前所在的文本,比如在下面的屏幕中,你可以看到该行的位置在第三行。基本上,高亮显示的线是具有绝对位置的div。请建议如何获得突出显示的文本 谢谢 下面是该段的截图以供澄清 事实上,高亮显示的行是可移动的,选择彩色div可以用鼠标向上或向下移动,我想得到段落中哪一行的文本 有一张像这样的桌子 <table> <tr> <td> <!-- here is the

我有一个div,其中包含长段落文本。我也有一个滚动线,可以向上或向下移动。 我想得到它当前所在的文本,比如在下面的屏幕中,你可以看到该行的位置在第三行。基本上,高亮显示的线是具有绝对位置的div。请建议如何获得突出显示的文本

谢谢

下面是该段的截图以供澄清


事实上,高亮显示的行是可移动的,选择彩色div可以用鼠标向上或向下移动,我想得到段落中哪一行的文本

有一张像这样的桌子

<table>
<tr>
<td>
    <!-- here is the pragraph with many lines -->

    <div>In 20 years our technology will reach a level of personalization that will enhance every moment of our lives. We’ll be more physically comfortable with the furniture we sit on and the products we hold; only the most relevant and personalized information from friends and family will reach us; and our movement in the digital world will be near telepathic.</div>
</td>
<td>
    <!-- this is a div with absolute position to hightlight the line only -->
    <div id="highlightingline" style="border-spacing: 5px; background-color: rgb(200, 226, 235); position: absolute; width: 55%; float: left; margin-left: -795px; opacity: 0.5; margin-top: 111px; color: black; border-collapse: separate; border-color: gray;">&nbsp;</div>
</td>
</tr>
</table>

20年后,我们的技术将达到个性化水平,这将增强我们生活中的每一刻。我们坐在家具上,拿着产品,身体会更舒服;只有来自朋友和家人的最相关和个性化的信息才能到达我们;我们在数字世界的运动将近乎心灵感应。
请注意,我不想通过鼠标选择来选择文本,因为它已经可以正常工作了,我只想在不使用鼠标选择的情况下获得高亮线文本。你可以说,我想得到文本上突出显示的那一行的文本

请看看这个JSFIDLE,我已经创建了一个演示,看看这个 滚动你将看到突出显示的内容行我想获取文本,哪一行/文本/句子突出显示


你能提供该文本的标记吗,没有它很难说什么。对不起,我不知道如何解决这个问题。我不想用鼠标选择,因为它已经在我身上运行:)我想通过高亮显示的div移动文本来选择我想通过高亮显示的div移动文本来选择。。。你能告诉我高亮显示的线是可移动的吗?选择彩色div可以用鼠标向上或向下移动,我想得到段落哪一行的文本。你可以检查哪个div的背景颜色是你在突出显示的文本上看到的颜色,然后你可以得到它的html。两者都是不同的div和包含文本的div,它没有颜色,它只包含文本,下一个在文本中高亮显示行的div是绝对定位div。
var text = "";
if (window.getSelection) {
    text = window.getSelection().toString();
} else if (document.selection && document.selection.type != "Control") {
    text = document.selection.createRange().text;
}

alert(text);