jQueryでテキストの幅を取得するにはどうすればよいですか?手法の紹介-jsチュートリアル-php.cn

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

青灯夜游

リリース： 2020-11-23 17:57:42

転載

3384 人が閲覧しました

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 サイトの他の関連記事を参照してください。

php 8、私も来ます

ウェブサイトのレイアウトを 30 分で学ぶ

ビデオチュートリアルに精通したOracleの入門

あなたの最初のUNI-APPコード

ゼロからアプリの起動までフラッター

兄弟連新版Linuxビデオチュートリアル

AXURE 9 ビデオチュートリアル (プロダクトマネージャーのインタラクティブな製品設計 UI に適しています)

基礎能力ゼロ PS ビデオチュートリアル

16日間のUIビデオチュートリアル

PS テクニックとスライステクニックのビデオチュートリアル

アリクラウド環境構築およびプロジェクトオンラインビデオチュートリアル

コンピュータネットワークの概要 - プログラマが身につけるべき基礎知識

プログラマーのための基本チュートリアル - HTTP プロトコルの説明

Websocket ビデオチュートリアル

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