jQuery(js)获取文本宽度(显示长度)的示例代码。

今天,我遇到了获取文本宽度的问题。经过很长一段时间的检查,我终于在国外的网站上找到了一个方法,但是我不能直接使用它,所以我修改了它,并把它成功地应用到了这个项目,我想和大家分享一下。

首先,在标签上添加一个子标签:
复制代码代码如下所示:
测试

然后添加相应的CSS代码:
复制代码代码如下所示:
{ #尺
可见性:隐藏;
白色的空间:不换行;
字体大小:24px;
}

接下来,在字符串原型中直接将该函数添加到文本的宽度,并在js代码中添加以下代码:
复制代码代码如下所示:
string.prototype.visuallength =功能()
{
VaR的统治者=美元(#统治者);
Ruler.text(本);
返回offsetwidth尺{ 0 };
}

最后,您可以调用一个需要获取文本宽度的地方,例如:
复制代码代码如下所示:
测试;
VaR len = text.visuallength();

其主要思想是添加一个隐藏的标签,每次标记被分配时,文本宽度是通过获得标签的长度来获得的,重要的是要注意,只有添加到DOM的标记才能得到长度。

如果你认为这可能对你有帮助,也希望能帮助你,谢谢: