jQuery如何取得文字的寬度？方法介紹
- 青灯夜游轉載
- 2020-11-23 17:57:423342瀏覽
jQuery如何取得文字的寬度？以下這篇文章跟大家介紹一下使用jq取得文字寬度的方法。有一定的參考價值，有需要的朋友可以參考一下，希望對大家有幫助。
相關推薦：《jq影片》
取得字串的長度很簡單，但如何取得字串的字體寬度卻是個不太好操作的問題，今天查閱了許多資料，終於找到了解決方法：
1.首先，需要新增一個標籤，HTML程式碼如下：
<body> <span></span> </body>
2 .接下來直接在String的原型中加入取得文字寬度的函數，在js程式碼中加入以下程式碼即可：
String.prototype.visualLength = function()
{
let ruler = $("span");
ruler.text(this);
return ruler[0].offsetWidth;
};3.使用js來呼叫這個方法：
let text = "分"; let len = text.visualLength(); console.log(len);
效果如下：
記得要引入jq，部落客使用的是es6
更多程式相關知識，請造訪：程式設計入門！ ！
以上是jQuery如何取得文字的寬度？方法介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文轉載於：cnblogs.com。如有侵權，請聯絡admin@php.cn刪除