javascript - 如何通过 JS 确定是否在我的样式中应用了 chop ？

我正在使用 CSS 样式应用 chop :

.yui-skin-sam td:not(.yui-dt-editable) .yui-dt-liner{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;        
    -o-text-overflow: ellipsis;
    -moz-binding: url('ellipsis.xml#ellipsis');     
}

.yui-skin-sam td[class~=yui-dt-editable] .yui-dt-liner{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;        
    -o-text-overflow: ellipsis;
}

(旁注:我不确定这是否是编写我的 CSS 的最佳方式。这是 Firefox 特定的解决方法，因为 chop 只能在 Firefox 上起作用)。

我希望工具提示显示在被 chop 的文本上。如何检测文本是否被 chop 以便显示工具提示？

最佳答案

这个问题很老了，已经回答了。

但是，要应用@aSeptik 给出的解决方案，您需要提前知道容器中适合多少个字符，或者使用 jQuery 插件。

我遇到了同样的问题，今天的解决方案非常简单:使用 clientWith 和 scrollWidth 属性。

如果 elem.scrollWidth > elem.clientWidth，内容将被 chop 。

这是 MDN 文档:https://developer.mozilla.org/en-US/docs/Web/API/element.scrollWidth

以及 jsFiddle 中的示例:http://jsfiddle.net/diegof79/de9xsn4b/

关于javascript - 如何通过 JS 确定是否在我的样式中应用了 chop ？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/2935483/