要实现的效果:
分类是在循环里,可以有多个分类。主要是限制textarea文本框的录入内容不能超过20行。
官方文档里有限制总字符长度的属性并没有限制行数的属性。
现有代码存在的问题是当有多个分类时,有一个或几个文本框录入达到20个,再在文本框按回车时页面会卡死,浏览器报方法嵌套循环执行异常。
具体前端代码如下:
现有代码解决思路是:当文本框输入时监听当前输入内容,总长度不限制,如果输入的回车符达到了20个,则会将当前输入的所有内容长度设置为当前文本框的最大长度lengthLimit,从而限制不可再输入内容,但可以对已输入的内容进行删除或修改。这里没有用禁用文本框,因为需求是输入超过20行要限制不能再换行输入,可以对已有内容进行修改的。比如当前已经输入了20行内容,在第20行或任意一行上继续在这行结尾输入是可以的。
目前的功能实现有无限循环问题,页面卡死问题。
请教下专业前端coder有没有其它的实现思路和方法?