Javascript textarea-防止用户键入的行数超过指定的行数

Javascript textarea-防止用户键入的行数超过指定的行数,javascript,jquery,textarea,Javascript,Jquery,Textarea,我的文本区域是rows=3,需要防止用户键入超过3行 此代码阻止键入第四行,但仍设置了该行 如果已有三行,如何通过按Enter键防止输入新行 $'.tx'。在“按键”功能上{ 让max=parseInt$this.attr'rows'; 设a=$this.val; 设x=a.split\n.length-1; ifx==max{return false;} }; .tx{ 显示:块; 宽度:100%; 背景:金; 线高:1.3em; 文本转换:大写; } 如果按下Enter键且当前行数达到最大

我的文本区域是rows=3,需要防止用户键入超过3行

此代码阻止键入第四行,但仍设置了该行

如果已有三行,如何通过按Enter键防止输入新行

$'.tx'。在“按键”功能上{ 让max=parseInt$this.attr'rows'; 设a=$this.val; 设x=a.split\n.length-1; ifx==max{return false;} }; .tx{ 显示:块; 宽度:100%; 背景:金; 线高:1.3em; 文本转换:大写; }
如果按下Enter键且当前行数达到最大值,则应防止事件发生:

$'.tx'。在“按键”上,函数E{ const maxRows=Number$this.attr'rows'; const currRows=$this.val.split\n.length; 如果maxRows===currRows&&e.key==='Enter'{ e、 防止违约; } }; .tx{ 显示:块; 宽度:100%; 背景:金; 线高:1.3em; 文本转换:大写; }
请注意,这不会阻止复制和粘贴,但问题没有提到这一点,所以可能不需要它;vs const maxRows=Number$this.attr'rows';-还有什么特殊原因吗?请注意,如果用户只键入输入而不按enter键,则此技术不起作用。在这种情况下,我们可以输入n行。不确定是否需要满足此标准,因为问题仅限于3行。@Santhoshmp,我明白了,你是对的,也许css空白:nowrap helps可能重复@Jeto请将链接上的答案与特定性能的解决方案进行比较?如果一个问题已经出现在这个网站的历史记录中,并不意味着它包含了最好的答案和有效的答案。选择的答案处理复制和粘贴,而且这个问题有各种各样的答案,包括jQuery和不包括jQuery,并且受到保护,所以它应该仍然有效。它可能使用了更老的Javascript语法,因为答案有点过时是唯一的问题。它一点也不过时——它已经过时10年了。你们管理员应该停止这种坏习惯。我不是管理员,这只是投票而已。只有当足够多的人同意并开始考虑这个问题时,这个问题才会结束。如果您愿意,只需使用@CertainPerformance的最佳答案即可。