如何控制textarea最大行数

可以通过监听textarea的输入事件，在输入内容时[判断](https://geek.csdn.net/educolumn/598ee2e4d0090de966a6f73039c4643b?spm=1055.2569.3001.10083)当前行数是否达到最大行数，如果达到最大行数，则禁止输入内容。 下面是一个示例[代码](https://geek.csdn.net/educolumn/1572ef9b473b4e00f6b2bf6d428b7c27?spm=1055.2569.3001.10083)，可以实现控制textarea最大行数： ```html <textarea id="myTextarea" rows="5"></textarea> <script> var textarea = document.[get](https://geek.csdn.net/educolumn/31aebce56f4ecc5451aac3a194ff6259?spm=1055.2569.3001.10083)ElementById("myTextarea"); var maxRows = textarea.[get](https://geek.csdn.net/educolumn/31aebce56f4ecc5451aac3a194ff6259?spm=1055.2569.3001.10083)Attribute("rows"); // 获取textarea的最大行数 // 监听textarea的输入事件 textarea.addEventListener("input", function() { var lines = this.value.split("\n").[len](https://geek.csdn.net/educolumn/57d1c7022a5d69dfb6174ca472b0ff65?spm=1055.2569.3001.10083)gth; // 获取当前行数 if (lines > maxRows) { // 如果当前行数超过最大行数，则禁止输入内容 this.value = this.value.slice(0, -1); </script> ```