Das Textfeld des jQuery-Steuerelements verkleinert automatisch die Freigabe von Beispielen für die Schriftartfüllung

js steuert das Textfeld, um die Schriftfüllung automatisch zu reduzieren. Wenn die Schriftart im Textfeld den Bereich des Textfelds überschreitet, wird die Schriftart im Feld automatisch verkleinert, um das gesamte Textfeld auszufüllen. In diesem Artikel werden hauptsächlich relevante Informationen zur Steuerung der automatischen Reduzierung der Schriftart in Textfeldern vorgestellt. Ich hoffe, dass er allen helfen kann.

Aufruf: resetFontSize($(".title"), 50, 10, 20);//重置字体大小

wordbox:jQuery-Objekt
maxHeight: die maximale Höhe der Box
minSize: die minimale Schriftgröße
maxSize: die maximale Schriftgröße

this.resetFontSize=function (wordbox, maxHeight, minSize, maxSize) { 
    //  var wordbox = $(".products .title"); 
    //最大高度 
    //var maxHeight = 30; 
    //初始化文字大小为最小 
    wordbox.css('font-size', minSize + "px"); 
    maxSize++; 
    wordbox.each(function () { 
      //循环修改大小直至大于最大高度 
      for (var i = minSize; i < maxSize; i++) { 
        if ($(this).height() > maxHeight) { 
          //当容器高度大于最大高度的时候，上一个尝试的值就是最佳大小。 
          $(this).css(&#39;font-size&#39;, (i - 2) + &#39;px&#39;); 
          //结束循环 
          break; 
        } else { 
          //如果小于最大高度，文字大小加1继续尝试 
          $(this).css(&#39;font-size&#39;, i + &#39;px&#39;); 
        } 
      } 
    }); 
  };

Verwandte Empfehlungen:

Wie jQuery dafür sorgt, dass der Wert im Klick-Dropdown-Feld im Textfeld akkumuliert wird

Ein Beispiel dafür, wie jQuery die Methode implementiert, den Wert im angeklickten Dropdown-Feld zum Textfeld hinzuzufügen

Einführung in die JavaScript-Methode der Implementierung das Textfeld, in das nur Zahlen eingegeben werden können

Das obige ist der detaillierte Inhalt vonDas Textfeld des jQuery-Steuerelements verkleinert automatisch die Freigabe von Beispielen für die Schriftartfüllung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!