数码资讯
jQuery(js)获取文本宽度(显示长度)的示例代码。
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
今天,我遇到了获取文本宽度的问题。经过很长一段时间的检查,我终于在国外的网站上找到了一个方法,但是我不能直接使用它,所以我修改了它,并把它成功地应用到了这个项目,我想和大家分享一下。
首先,在标签上添加一个子标签:
复制代码代码如下所示:
测试
然后添加相应的CSS代码:
复制代码代码如下所示:
{ #尺
可见性:隐藏;
白色的空间:不换行;
字体大小:24px;
}
接下来,在字符串原型中直接将该函数添加到文本的宽度,并在js代码中添加以下代码:
复制代码代码如下所示:
string.prototype.visuallength =功能()
{
VaR的统治者=美元(#统治者);
Ruler.text(本);
返回offsetwidth尺{ 0 };
}
最后,您可以调用一个需要获取文本宽度的地方,例如:
复制代码代码如下所示:
测试;
VaR len = text.visuallength();
其主要思想是添加一个隐藏的标签,每次标记被分配时,文本宽度是通过获得标签的长度来获得的,重要的是要注意,只有添加到DOM的标记才能得到长度。
如果你认为这可能对你有帮助,也希望能帮助你,谢谢:
首先,在标签上添加一个子标签:
复制代码代码如下所示:
测试
然后添加相应的CSS代码:
复制代码代码如下所示:
{ #尺
可见性:隐藏;
白色的空间:不换行;
字体大小:24px;
}
接下来,在字符串原型中直接将该函数添加到文本的宽度,并在js代码中添加以下代码:
复制代码代码如下所示:
string.prototype.visuallength =功能()
{
VaR的统治者=美元(#统治者);
Ruler.text(本);
返回offsetwidth尺{ 0 };
}
最后,您可以调用一个需要获取文本宽度的地方,例如:
复制代码代码如下所示:
测试;
VaR len = text.visuallength();
其主要思想是添加一个隐藏的标签,每次标记被分配时,文本宽度是通过获得标签的长度来获得的,重要的是要注意,只有添加到DOM的标记才能得到长度。
如果你认为这可能对你有帮助,也希望能帮助你,谢谢:
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。