ホームページ > ウェブフロントエンド > jsチュートリアル > jQueryでテキストの幅を取得するにはどうすればよいですか?手法の紹介

jQueryでテキストの幅を取得するにはどうすればよいですか?手法の紹介

青灯夜游
リリース: 2020-11-23 17:57:42
転載
3457 人が閲覧しました

jQuery はどのようにしてテキストの幅を取得しますか?次の記事ではjqを使って文字幅を取得する方法を紹介します。一定の参考値があるので、困っている友達が参考になれば幸いです。

jQueryでテキストの幅を取得するにはどうすればよいですか?手法の紹介

関連する推奨事項: "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 までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート