Javascript 根据文本行调整文本区域大小 函数自动增长文本区域(文本字段){ if(textField.clientHeight
Javascript 根据文本行调整文本区域大小 函数自动增长文本区域(文本字段){ if(textField.clientHeight,javascript,html,Javascript,Html,嘿,伙计们,我有一个脚本,我可以增加一个文本区域的大小,一次一行,就像facebook的评论框一样。但问题是: 我想把它应用到文本框中,而不是文本区域,我也尝试过,但结果是,每次我按下一个键,整个文本区域的高度都会增加…这绝对是我不需要的行为。。。 (所有语义都是正确的,粘贴到此处时可能会丢失一些…) 有人能帮我吗? 关于…将“高度”替换为“宽度”,即使在“滚动高度”中,等等。将“高度”替换为“宽度”,即使在“滚动高度”中,等等。嘿,这只是在水平方向上增加文本框的宽度,我只想增加文本框的高度,然
嘿,伙计们,我有一个脚本,我可以增加一个文本区域的大小,一次一行,就像facebook的评论框一样。但问题是:
我想把它应用到文本框中,而不是文本区域,我也尝试过,但结果是,每次我按下一个键,整个文本区域的高度都会增加…这绝对是我不需要的行为。。。
(所有语义都是正确的,粘贴到此处时可能会丢失一些…)
有人能帮我吗?
关于…将“高度”替换为“宽度”,即使在“滚动高度”中,等等。将“高度”替换为“宽度”,即使在“滚动高度”中,等等。嘿,这只是在水平方向上增加文本框的宽度,我只想增加文本框的高度,然后使用
元素,不是
。这只是在水平方向上增加文本框的宽度,我只想增加文本框的高度,然后使用
元素,而不是
。
<script type="text/javascript">
function AutoGrowTextArea(textField) {
if (textField.clientHeight < textField.scrollHeight) {
textField.style.height = textField.scrollHeight + "px";
if (textField.clientHeight < textField.scrollHeight) {
textField.style.height =
(textField.scrollHeight * 2 - textField.clientHeight) + "px";
}
}
}
</script>
<form id="myForm" action="" method="post" runat="server">
<input type = "text" onkeyup="AutoGrowTextArea(this)" style="width:700px; height:20px" />
</form>
</body>