获取 div 的可见文本

Question

我有一个 <div>，里面有 overflow:auto、变量 height/width 和一些（更长的）文本（用户可以向下滚动）。我想要的是检索 div 当前可见第一行的前 x 个字符。

图示示例：当用户单击下面的按钮时，JavaScript 函数应该 return "convallis."。当用户向下滚动到下一行时，它应该 return "mi aliquam"。

到目前为止我已经尝试过：我已经尝试了一些 scrollTop() 和 scrollHeight() 并阅读了 How to know what lines / chars are currently visible in a textarea? and JavaScript - Visible Text of a DIV 但 none 确实回答了我的问题。

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/

Answer 2

好吧，我找到了这个问题的解决方案：有一个不错的小 jQuery 插件可以满足我的需求：https://www.customd.com/articles/13/checking-if-an-element-is-visible-on-screen-using-jquery

获取 div 的可见文本

Get visible text of a div

javascript

view

scroll

visible