ホームページ > 記事 > ウェブフロントエンド > jQueryでテキストの幅を取得するにはどうすればよいですか?手法の紹介
jQueryでテキストの幅を取得するにはどうすればよいですか?手法の紹介
- 青灯夜游転載
- 2020-11-23 17:57:423422ブラウズ
jQuery はどのようにしてテキストの幅を取得しますか?次の記事ではjqを使って文字幅を取得する方法を紹介します。一定の参考値があるので、困っている友達が参考になれば幸いです。
関連する推奨事項: "jqvideo"
文字列の長さを取得するのは非常に簡単ですが、フォントを取得する方法文字列の幅は操作が簡単ではない問題です。今日多くの情報を確認し、最終的に解決策を見つけました:
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 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事はcnblogs.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。