禁用 TextArea 水平滚动 Jquery

Question

我在子行中工作。我通过 jQuery 中的 textarea 命令创建了一个文本框（如下所示）：

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

问题是：当我到达文本框末尾时，我不知道如何禁用水平滚动并使其下拉到下一行。那么如何禁用水平滚动呢？我希望启用垂直滚动，这样文本区域就不会变大，因为它无法更改大小。

感谢您的帮助。

Answer 1

您可以使用这个简单的代码

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

textarea {
  resize: vertical; 
  overflow: hidden;
}

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

Disable TextArea Horizontal Scrolling Jquery