javascript - HTML文本溢出省略号检测

Question

我在页面上有一组 block 元素。它们都设置了 CSS 规则 white-space、overflow、text-overflow，以便 trim 溢出的文本并使用省略号。

但是，并不是所有的元素都会溢出。

无论如何我可以使用 javascript 来检测哪些元素溢出？

谢谢。

添加:我正在使用的示例 HTML 结构。

<td><span>Normal text</span></td>
<td><span>Long text that will be trimmed text</span></td>

SPAN 元素始终适合单元格，它们应用了省略号规则。我想检测省略号何时应用于 SPAN 的文本内容。

Answer 1

试试这个 JS 函数，将 span 元素作为参数传递:

function isEllipsisActive(e) {
     return (e.offsetWidth < e.scrollWidth);
}