Heim >Web-Frontend >js-Tutorial >Wie erhalte ich die Textbreite in jQuery? Methodeneinführung

Wie erhalte ich die Textbreite in jQuery? Methodeneinführung

青灯夜游
青灯夜游nach vorne
2020-11-23 17:57:423451Durchsuche

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>

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;
        };

3. Verwenden Sie js, um diese Methode aufzurufen:

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

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!

Stellungnahme:
Dieser Artikel ist reproduziert unter:cnblogs.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen