我有<textarea>
一个表格,其中写有添加信息的注释,关键是如果用户不手动提供,enter他不会换行并且信息是完全笔直的,然后进入表格该表格通过容纳该文本,使表格不稳定,因此有一种方法可以使用 js、jquery 来完成,我已经搜索过但我没有取得任何成就,如果您能帮助我,我将不胜感激。
离开了HTML
<div class="form-group row ml-1 justify-content-center">
<label for="nota" class="col-form-label">Nota:</label>
<div class='col-sm-5 mr-3'>
<textarea name="nota" id="nota" class="form-control" cols="4" rows="3" maxlength="20"></textarea>
</div>
</div>
我建议您在按下特殊键(例如句点键)时更多地进行换行,因为使用 n 个字符可能会中断单词,这会影响用户的阅读。
使用事件
keyup()
和属性key
,keyCode
您可以解决您的问题:您可以有一个变量来计算输入的字符,一旦达到自动应用换行符的某个限制,您可以通过以下方式执行此操作。
在此示例中,每输入 5 个字符就插入一个换行符:
但我不认为它是最好的选择,如果你输入的
<textarea>
是单词和句子,你可以用其他方式来做:在此示例中,当您输入超过 10 个字符时,将应用换行符,但仅在输入空格时,您不会像前面示例中那样将单词截断。
您可以通过键入文本并将其复制到记事本中来检查它,您将看到引入了换行符。
希望对你有帮助,问候。