禁用文本区域时，文本区域最大长度不起作用

Question

在我的角度应用程序中我有一个文本区域被禁用，如屏幕截图所示我有其他输入，如文本框和列表框以及几个按钮，仅从这些输入中选择或添加的值必须在我的文本区域中，因此我的文本区域被禁用，但由于它已被禁用，textarea maxlength 无法正常工作。我通过删除禁用标签来检查它，最大长度有效。但根据我的要求，它必须被禁用，但现在它接受的价值超过了给定的最大长度。代码：<textarea maxlength="400" class="e-input formular-editor" placeholder="Formula"  [(ngModel)]="formula" formControlName="formula" style="width: 520px;" disabled></textarea>当 textarea 被禁用时，我是否遗漏了某些东西或任何其他方法来实现它？

Answer 1

当我检查时，您不能键入超过maxlength属性中指定的内容，即使它是否被禁用也是如此。但是当使用 JavaScript 添加数据时，无论是否禁用，它都会超过限制。我想原因是因为maxlength限制了用户而不是使用 JavaScript 进行修改的开发人员。如果是这种情况，您可以通过切片来截断它。

var result=(textarea.value+value_to_add).split("").slice(0,maxlength).join("");

textarea.value=result;