js判断文本是否溢出容器

Posted SSXfont

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js判断文本是否溢出容器相关的知识,希望对你有一定的参考价值。

onShowNameTipsMouseenter: function(e) {
        var target = e.target;
        var containerLength = $(target).width();
        var textLength = target.scrollWidth;
        var text = $(target).html();
        //console.log("contentLength:" + containerLength);
        //console.log("textLength", textLength);
        if (textLength > containerLength) {
            $(target).attr( "title", text);
        } else {
            $(target).removeAttr( "title");
        }
    }

var containerLength = $(target).width(); 当前容器的宽度
var textLength = target.scrollWidth; 当前文字(包括省略部分)的宽度


以上是关于js判断文本是否溢出容器的主要内容,如果未能解决你的问题,请参考以下文章

将长文本包装到容器中,导致溢出 Flutter

Bootstrap 3溢出容器中的文本覆盖英雄图像

Js文本溢出自动添加省略号ellipsis

js里如何判断两个文本框的值是不是一样?

CSS和JS实现文本溢出显示省略号

JavaScript笔试题(js高级代码片段)