Question

我在儿童排工作。我已经通过jQuery中的textarea命令创建了一个文本框（见下文）：

<td style="width: 370px;">
    <textarea rows = "5" style="width: 300px;"></textarea>

问题在于：我无法弄清楚当我到达文本框末尾时如何禁用水平滚动并使其下拉到下一行。那么如何禁用水平滚动？我想要启用垂直滚动，这样textarea就不会变大，因为它无法改变大小。

感谢您的帮助。

Answer 1

您可以使用此简单代码

＆＃13;

$("textarea").on("keydown keyup", function(){
    if(this.scrollHeight > $(this).outerHeight())
        $(this).height(this.scrollHeight);
});

＆＃13;

textarea {
  resize: vertical; 
  overflow: hidden;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<textarea></textarea>

＆＃13;