Html 我需要什么代码才能使此文本框的列数等于字符数？
我将列数设置为40，但文本框可以容纳41个字符。我需要的字符数正好是列数，因为我有一个函数，可以根据列数计算文本行数Html 我需要什么代码才能使此文本框的列数等于字符数？,html,text,Html,Text,我将列数设置为40，但文本框可以容纳41个字符。我需要的字符数正好是列数，因为我有一个函数，可以根据列数计算文本行数 <!DOCTYPE html> <html> <head> <style type="text/css"> textarea { border: 0 none white; overflow: hidden; padding: 0; outline: none; background-c
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
textarea
{
border: 0 none white;
overflow: hidden;
padding: 0;
outline: none;
background-color: #D0D0D0;
resize: none;
}
</style>
<script>
function countLines(theArea)
{
var theLines = theArea.value.replace((new RegExp(".{"+theArea.cols+"}","g")),"\n").split("\n");
if(theLines[theLines.length-1]=="")
theLines.length--;
theArea.form.lineCount.value = theLines.length;
}
</script>
<script type="text/javascript">
var observe;
if (window.attachEvent)
{
observe = function (element, event, handler)
{
element.attachEvent('on'+event, handler);
};
}
else
{
observe = function (element, event, handler)
{
element.addEventListener(event, handler, false);
};
}
function init ()
{
var text = document.getElementById('text');
function resize ()
{
text.style.height = 'auto';
text.style.height = text.scrollHeight+'px';
}
/* 0-timeout to get the already changed text */
function delayedResize ()
{
window.setTimeout(resize, 0);
}
observe(text, 'change', resize);
observe(text, 'cut', delayedResize);
observe(text, 'paste', delayedResize);
observe(text, 'drop', delayedResize);
observe(text, 'keydown', delayedResize);
text.focus();
text.select();
resize();
}
</script>
</head>
<body onload="init();">
<form>
<textarea rows="5" cols="40" style="height:1em;" id="text"; name="myText" onKeyUp="countLines(this)">
</textarea>
<br>
Cost: <input type=text name="lineCount" size="1" value="0"> Dollars
</form>
</body>
</html>
文本区
{
边框：0非白色；
溢出：隐藏；
填充：0；
大纲：无；
背景色：#D0；
调整大小：无；
}
功能计数线（theArea）
{
var theLines=theArea.value.replace（（新的RegExp（“.{”+theArea.cols+“}”，“g”），“\n”）.split（“\n”）；
如果（线条[线条长度-1]=“”）
长度；
theArea.form.lineCount.value=Lines.length；
}
var观察；
如果（窗口附件）
{
观察=函数（元素、事件、处理程序）
{
元素attachEvent（'on'+事件，处理程序）；
};
}
其他的
{
观察=函数（元素、事件、处理程序）
{
元素addEventListener（事件，处理程序，false）；
};
}
函数init（）
{
var text=document.getElementById（'text'）；
函数调整大小（）
{
text.style.height='auto'；
text.style.height=text.scrollHeight+'px'；
}
/*0-获取已更改文本的超时*/
函数delayedResize（）
{
设置超时（调整大小，0）；
}
观察（文本“更改”，调整大小）；
观察（文本“剪切”，延迟缩放）；
观察（文本“粘贴”，延迟缩放）；
观察（文本“下降”，延迟缩小）；
观察（文本“按键”和“延迟缩放”）；
text.focus（）；
text.select（）；
调整大小（）；
}
费用：美元
colscolscolstextarea带有单独格式化输出的演示：属性
cols