javascript - 仅使用纯 JS 在输入中获取可见文本？

Question

我目前正在尝试仅从输入中获取可见文本。可能您知道，当文本超出输入宽度时，输入的scrollLeft值会更改，并且文本的第一个字符会被隐藏。

我只需要那些当前可见的。

Textarea 元素有 onScoll 事件，它更容易。

我尝试了几种方法，但没有成功。

function getVisibleText(element) {
    window.getSelection().removeAllRanges();

    let range = document.createRange();
    range.selectNode(element);
    window.getSelection().addRange(range);

    let visibleText = window.getSelection().toString().trim();
    window.getSelection().removeAllRanges();

    return visibleText;
}

我知道在模糊时scrollLeft设置为 0。

有人可以帮助我吗？

标签： javascripthtmlinputhiddenonscroll