css提供了可以省略过长文字的样式:text-ellipsis: hidden,那么如何检测文本是否被省略呢?

如果有一个伪类,类似:placeholder-shown,比如::ellipsis-shown,但是很现实并没有这个伪类,所以要想检测就必须使用js了。

所以只要比对文本实际长度和显示长度是否一致就可以知道是否被省略了,DOM提供了两个属性分别对应了两个长度:scrollWidthoffsetWidth

示例地址(盗用别人的🙈)

See the Pen by (@) on CodePen.

觉得作者写得不错?不妨轻击下方按钮~

赏点银子给楼主凑凑买咖啡喝吧
微信
支付宝
扫码打赏,建议金额1-10元

Copied From 畅言