可能的重复:
自动调整文本区域大小 https://stackoverflow.com/questions/7477/autosizing-textarea
大家好,我正在尝试解决一个问题,但毫无进展。我想做的是当用户文本溢出输入框的宽度时动态更改输入框的高度(有点像 Facebook 的状态更新文本框)。
您输入简短的更新,如果文本比文本框长,则会创建一个新行。我尝试使用文本区域,但无论出于何种原因,默认情况下都不能强制它恰好为 1 行。
有人知道这样做的简单方法吗? :(
您可以手动控制大小textarea
使用 CSS 高度和宽度参数。通过将按键事件绑定到textarea
,您可以获取框中的文本数量并相应地调整高度。例如,下面有一些 jQuery,每输入 50 个字符,框的高度就会增加 20 个像素:
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js">
</script>
<textarea id="textbox" style="height:20px;width:400px;"></textarea>
<script type="text/javascript">
$(document).ready(function() {
$("#textbox").val('');
$("#textbox").keypress(function() {
var textLength = $("#textbox").val().length;
if (textLength % 50 == 0) {
var height = textLength/50;
$("#textbox").css('height', 20+(height*20));
}
});
});
</script>
您可以调整这些值以获得所需的效果。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)