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

首頁(yè) > 語(yǔ)言 > JavaScript > 正文

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

2024-05-06 15:58:08
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友
今天遇到了獲取文字寬度的問(wèn)題,在網(wǎng)上找到了不錯(cuò)的方法并成功使用到了項(xiàng)目中,有類似情況的朋友可以參考下

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

首先在body標(biāo)簽最后添加一個(gè)子標(biāo)簽:

復(fù)制代碼 代碼如下:


<span>test</span>


然后添加相應(yīng)的css代碼:

復(fù)制代碼 代碼如下:


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


接下來(lái)直接在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)簽賦值后,通過(guò)獲取該標(biāo)簽的長(zhǎng)度來(lái)獲取文字寬度。需要注意的是,只有已經(jīng)被添加到DOM中的標(biāo)簽才能獲取長(zhǎng)度。

如果大家覺得對(duì)自己有幫助的話,還希望能幫頂一下,謝謝:)
發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表

圖片精選

主站蜘蛛池模板: 壤塘县| 新巴尔虎右旗| 达州市| 元氏县| 台北市| 内乡县| 同仁县| 曲周县| 永安市| 新干县| 连云港市| 新河县| 苍梧县| 重庆市| 寿宁县| 嘉兴市| 永昌县| 赤水市| 黑龙江省| 贡嘎县| 邓州市| 清水河县| 调兵山市| 丰都县| 同江市| 大丰市| 重庆市| 广东省| 临猗县| 罗平县| 巴塘县| 江门市| 德保县| 南京市| 东辽县| 宾阳县| 宜兰市| 莱芜市| 临夏市| 杭锦旗| 阿拉善盟|