Javascript 检测文本是否溢出

有没有办法检查元素的文本是否溢出其容器

例如，我有一个宽度为100px的

。此元素的文本占105px。我可以看到我的

文本溢出：省略号
被应用了，但我也想知道我的JS中是否有

jQuery或纯js就可以了
 您可以这样做：

/*
 *  @param el  DOM element or jQuery object
 *  @return w  width of the text
 */
function getOverflowWidth(el) {
    var $el = $(el);
    var span = $el.wrapInner('<span />').find('span');
    var w = span.width();
    $el.html(span.html());
    return w;
}

/*
*@param el DOM元素或jQuery对象
*@return w文本宽度
*/
函数getOverflowWidth（el）{
变量$el=$（el）；
var span=$el.wrapInner（“”）.find（'span'）；
var w=span.width（）；
$el.html（span.html（））；
返回w；
}
请参见，