获取div的可见文本

Question

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

图解说明示例：当用户点击下面的按钮时，JavaScript函数应返回＆＃34; convallis。＆＃34;。当用户向下滚动到下一行时，它应该返回＆＃34; mi aliquam＆＃34;。

我到目前为止所尝试的内容：我已经使用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/

Answer 2

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