国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jQuery(js)獲取文字寬度(顯示長(zhǎng)度)示例代碼

2019-11-20 21:20:21
字體:
供稿:網(wǎng)友
今天遇到了獲取文字寬度的問題,查了很久,終于在一個(gè)國(guó)外網(wǎng)站上找到了方法,但是不能直接使用,于是修改了一下,成功使用到了項(xiàng)目中,在這里分享給大家。

首先在body標(biāo)簽最后添加一個(gè)子標(biāo)簽:
復(fù)制代碼 代碼如下:

<span id="ruler">test</span>

然后添加相應(yīng)的css代碼:
復(fù)制代碼 代碼如下:

#ruler {
visibility: hidden;
white-space: nowrap;
font-size: 24px;
}

接下來直接在String的原型中添加獲取文字寬度的函數(shù),在js代碼中加入以下代碼即可:
復(fù)制代碼 代碼如下:

String.prototype.visualLength = function()
{
var ruler = $("#ruler");
ruler.text(this);
return ruler[0].offsetWidth;
}

最后在需要獲取文字寬度的地方調(diào)用即可,舉個(gè)例子:
復(fù)制代碼 代碼如下:

var text = "test";
var len = text.visualLength();

主要思路是添加一個(gè)隱藏的標(biāo)簽,每次對(duì)該標(biāo)簽賦值后,通過獲取該標(biāo)簽的長(zhǎng)度來獲取文字寬度。需要注意的是,只有已經(jīng)被添加到DOM中的標(biāo)簽才能獲取長(zhǎng)度。

如果大家覺得對(duì)自己有幫助的話,還希望能幫頂一下,謝謝:)
發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 定兴县| 萝北县| 嘉义县| 华池县| 永胜县| 鹿邑县| 揭阳市| 宣威市| 渑池县| 新竹市| 岫岩| 穆棱市| 武宣县| 商南县| 义马市| 长治县| 玛沁县| 桦南县| 宁陕县| 寿宁县| 陇西县| 张北县| 安阳县| 会理县| 二连浩特市| 团风县| 卢龙县| 垣曲县| 清水河县| 长泰县| 奉新县| 鱼台县| 社旗县| 新沂市| 本溪市| 连平县| 南郑县| 红桥区| 临城县| 达孜县| 资阳市|