jQuery如何取得文字的寬度?以下這篇文章跟大家介紹一下使用jq取得文字寬度的方法。有一定的參考價值,有需要的朋友可以參考一下,希望對大家有幫助。
相關推薦:《jq影片》
取得字串的長度很簡單,但如何取得字串的字體寬度卻是個不太好操作的問題,今天查閱了許多資料,終於找到了解決方法:
1.首先,需要新增一個標籤,HTML程式碼如下:
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中文網其他相關文章!