javascript - 获取div的可见文本

Question

我有一个<div>与 overflow:auto ，可变的高度/宽度和其中的一些(较长)文本(用户可以向下滚动)。我想要的是检索 div 当前可见第一行的前 x 个字符。

图解示例:当用户单击下面的按钮时，JavaScript 函数应返回“convallis.”。当用户向下滚动到下一行时，它应该返回“mi aliquam”。

到目前为止我已经尝试过:我已经玩了一下 scrollTop()和scrollHeight()并阅读How to know what lines / chars are currently visible in a textarea?和 JavaScript - Visible Text of a DIV但没有人真正回答我的问题。

Answer 1

您可以尝试在 jQuery 中使用 :visible 选择器，它应该可以实现您想要实现的目标:

function GetFirstWord()
{
    var allText = $('div').children(":visible").text()   
    var words = allText.split(" ");
    return words[0];
}

引用:https://api.jquery.com/visible-selector/