Javascript 使用可变字体大小在textArea中对齐

我有一个可编辑的文本区域。当我们在

文本区域

中输入文本时，文本的字体大小会随着文本长度的变化而变化。文本长度越大，字体大小越小。这会导致对齐出现问题，是否有任何方法可以在文本区域内对齐文本

下面是JavaScript代码：

var textie = document.getElementById('new1');
var spanny = document.getElementById('length');
var textLength;
textie.addEventListener('keypress',function(e){
var size;
textLength = textie.value.length;  
size = Change(textLength);
this.style.fontSize = size;
},false);

function Change(fontLength) 
{
var fontSize;
if(fontLength>=1 && fontLength<=4)
{
    fontSize = 35+"px";
}
else if(fontLength>=5 && fontLength<=12)
{
    fontSize = 30+"px";
}
else if(fontLength>=13 && fontLength<=35)
{
    fontSize = 20+"px";
}
else if(fontLength>=36 && fontLength<=50)
{
    fontSize = 18+"px";
}
else if(fontLength>=51 && fontLength<=150)
{
    fontSize = 16+"px";
}
else if(fontLength>150)
{
    fontSize = 15+"px";
}
return fontSize;
}

var textie=document.getElementById（'new1'）；
var spanny=document.getElementById（'length'）；
var文本长度；
text.addEventListener（'keypress'，函数（e）{
变量大小；
textLength=textie.value.length；
大小=更改（文本长度）；
this.style.fontSize=大小；
}，假）；
函数更改（fontLength）
{
变量大小；
如果（fontLength>=1&&fontLength=5&&fontLength=13&&fontLength=36&&fontLength=51&&fontLength150）
{
fontSize=15+“像素”；
}
返回字体大小；
}

这是HTML文件

<textArea class = "new" id = "new1"></textArea>
<span id = "length"></span>

---

谢谢

您的脚本没有问题。实际上，主要浏览器不支持TextArea文本验证。

什么验证和什么问题？在发布的代码中没有任何对正的尝试。是的，那么有什么方法可以做到吗？？？那么，我没有办法在文本区域对齐文本。事实上，没有。但是你可以寻找替代方法。看这个：谢谢你的帮助，我认为如果不使用小部件，就不可能在textArea中证明文本的正确性。谢谢你！！