javascript - 如何检测是否有任何溢出？

Question

div 中的内容比它所能包含的要多。

如您所见，我想隐藏所有不可见或水平“半切”的文本。

此外，我需要隐藏最后一个可见句子或给定数量的字母，并将“阅读更多”之类的内容粘贴到文本可见部分的末尾。

我认为第二部分更容易。我不知道如何处理第一部分。

Answer 1

您可以使用 CSS。

浏览器支持：http ://caniuse.com/#search=ellipsis

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

或者使用jQuery插件来做到这一点。

Answer 2

以下代码可以帮助您：

function isOverFlow(id){
    var elem = document.getElementById(id)
    if(elem.scrollWidth - jQuery(elem).width() > 0){
        return true;
   }
   return false;
}