CodeSky 代码之空

随手记录自己的学习过程

jQuery 如何判断文字是否溢出

2015-02-26 21:57分类: JavaScript评论: 0

今天又碰到了这种需求,是因为我们要做个点击获得全文(之类的)功能,设置了overflow:hidden,如果完整的显示了,那么我们就不需要显示全部内容的按钮,否则就要加上。

当时就在想,这玩样儿恐怕不太好办吧?overflow是CSS自动判断的,我完全没有经受,怎么判断确实是个问题。

还好谷歌还是能够找到答案的:jquery如何判断div是否文本溢出 里面提到了一个很好的方法:

1$(selector).map(function() {
2    if (this.offsetWidth < this.scrollWidth) {
3        // do whatever you want
4    }
5});
6

这里的offsetWidthscrollWidth是DOM对象所具有的属性,而不是jQuery对象,所以要先转成DOM对象:jQuery与DOM对象的互相转换

关于这两个,以下扩展阅读: https://developer.mozilla.org/zh-CN/docs/Web/API/HTMLElement/offsetWidth https://developer.mozilla.org/zh-CN/docs/Web/API/element/scrollWidth

评论 (0)