Wie erhalte ich die Textbreite in jQuery? Methodeneinführung-js-Tutorial-php.cn

Wie erhalte ich die Textbreite in jQuery? Methodeneinführung

青灯夜游

Freigeben： 2020-11-23 17:57:42

nach vorne

3383 Leute haben es durchsucht

Wie erhalte ich die Textbreite mit jQuery? Im folgenden Artikel erfahren Sie, wie Sie mit jq die Textbreite ermitteln. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird für alle hilfreich sein.

Wie erhalte ich die Textbreite in jQuery? Methodeneinführung

Verwandte Empfehlungen: „jq-Video“

Die Länge einer Zeichenfolge zu ermitteln ist sehr einfach, aber wie man die Schriftbreite einer Zeichenfolge ermittelt, ist heute und endlich ein schwieriges Problem Die Lösung gefunden:

1. Zuerst müssen Sie ein Tag hinzufügen. Der HTML-Code lautet wie folgt:

<body>
<span></span>
</body>

Nach dem Login kopieren

2 Als nächstes fügen Sie die Funktion hinzu, um die Textbreite direkt im String-Prototyp zu erhalten, und fügen Sie den folgenden Code hinzu zum js-Code:

String.prototype.visualLength = function()
        {
            let ruler = $("span");
            ruler.text(this);
            return ruler[0].offsetWidth;
        };

Nach dem Login kopieren

3. Verwenden Sie js, um diese Methode aufzurufen:

  let text = "分";
  let len = text.visualLength();
  console.log(len);

Nach dem Login kopieren

Der Effekt ist wie folgt:

Denken Sie daran, jq einzuführen, der Blogger verwendet es6

Weitere Programmierkenntnisse finden Sie unter : Einführung in die Programmierung! !

Das obige ist der detaillierte Inhalt vonWie erhalte ich die Textbreite in jQuery? Methodeneinführung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!