Обнаружить, если текст переполнен

Question

Есть ли способ проверить, переполнен ли текст элемента контейнером?

Например, у меня есть <p> с width: 100px. Этот элемент имеет текст, который занимает 105 пикселей. Я вижу, что мой text-overflow: ellipsis применяется, но я хотел бы узнать и в моем JS.

jQuery или простой js в порядке.

Answer 1

Вы могли бы сделать что-то вроде этого:

/* 
* @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; 
}