javascript - テキストがオーバーフローしているかどうかを検出する

Question

要素のテキストがコンテナからはみ出しているかどうかを確認する方法はありますか?

たとえば、<p>with がありwidth: 100pxます。この要素には、105px を占めるテキストがあります。mytext-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;
}