国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表

圖片精選

主站蜘蛛池模板: 建瓯市| 义乌市| 凯里市| 神农架林区| 大余县| 阳城县| 宜昌市| 徐州市| 新闻| 烟台市| 托里县| 开平市| 诸城市| 慈利县| 利川市| 城口县| 黎平县| 呈贡县| 商城县| 若尔盖县| 江孜县| 固安县| 弥渡县| 山东省| 江阴市| 横峰县| 楚雄市| 娱乐| 休宁县| 婺源县| 邹城市| 涿鹿县| 温州市| 商南县| 桃江县| 武安市| 兴文县| 无锡市| 九江市| 新晃| 阜南县|