Heim > Web-Frontend > js-Tutorial > Hauptteil

Wie erhalte ich die Textbreite in jQuery? Methodeneinführung

青灯夜游
Freigeben: 2020-11-23 17:57:42
nach vorne
3422 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!

Verwandte Etiketten:
Quelle:cnblogs.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage