Textarea 限制每行字数 Jquery 或 Javascript

Question

我的视图中有一个 textarea 字段。

我只需要设置每行1个字。

如果用户试图在同一行输入第二个词，该词应该在下一个。（不管他是按回车还是space）

还有如何限制用户输入逗号。

这个想法每行只有 1 个字而已。

如何使用 jquery 或 javascript 设置这些限制？

谢谢！

Answer 1

您可以尝试在文本区域的 keyup 事件上更改 event.target.value。

你可以做类似的事情，假设你的textarea有一个ID #textArea,

document.getElementById( 'textArea' ).onkeyup = function ( e ) {
  e.target.value = e.target.value.replace( ' ', '\n' )
    .replace( ',', '' );
}

这会将您所有的空格替换为 \n，这是一个新行，并且还会删除所有逗号。

我想继续说 onkeyup 不是最优雅的方法。您应该改用 addEventListener( 'keyup', callback )

Textarea Limit words per line Jquery or Javascript