我正在寻找问题的解决方案，但找不到。它可以是 AngularJS 或 Javascript（然后我将其翻译成 AngularJS）。问题是我必须限制简单文本区域的行数。 HTML5 的属性“rows=x”仅限制视图。我必须限制线路。问题是，即使从图形上看，这些线是向下的，组件也会将其视为一条独特的线。用户必须按 ENTER 键才能创建新行。但是，我必须限制线路。
我做了这个指令：
angular.module('app').directive('maxlines', function (): any {
return function (scope: any, element: any, attrs: any) {
element.bind("keydown keypress", function (event: any) {
if (event.which === 13) {
var text = element.val(),
numberOfLines = (text.match(/\n/g) || []).length + 1,
maxRows = parseInt(element.attr('rows'));
if (event.which === 13 && numberOfLines === maxRows) {
return false;
}
}
});
};
});
如果我按 ENTER 键，它会起作用，但如果我不按 Enter 键继续写入，它就不起作用。
I think您可以使用纯 HTML 来完成此操作。
<textarea cols="20" rows="5" wrap="hard" maxlength="100">
The wrap="hard"意味着一旦用户到达行尾（在本例中为 20 个字符），就会插入换行符。
一旦用户达到 100 个字符（相当于用 20 个字符填写 5 行），将不再允许输入。
现在，这并不能阻止有人添加 10 行 10 个字符 - 但这是否接近您想要做的事情？
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
