textarea限制输入字数
时间: 2023-09-29 07:03:19 浏览: 131
js实现textarea限制输入字数
5星 · 资源好评率100%
可以通过 JavaScript 来实现 textarea 的输入字数限制,具体步骤如下:
1. 给 textarea 元素添加一个 id 或 class,例如:
```
<textarea id="myTextarea"></textarea>
```
2. 在 JavaScript 中获取该元素,并监听其输入事件:
```
const textarea = document.getElementById('myTextarea');
textarea.addEventListener('input', function() {
// 在这里编写限制输入字数的逻辑
});
```
3. 在事件监听函数中,获取 textarea 的输入内容并统计字符数:
```
const content = textarea.value;
const length = content.length;
```
4. 如果字符数超过了限制,可以通过 substring 方法截取前面的一部分字符:
```
if (length > limit) {
textarea.value = content.substring(0, limit);
}
```
完整的代码示例:
```
<textarea id="myTextarea"></textarea>
<script>
const textarea = document.getElementById('myTextarea');
const limit = 100; // 限制输入字数
textarea.addEventListener('input', function() {
const content = textarea.value;
const length = content.length;
if (length > limit) {
textarea.value = content.substring(0, limit);
}
});
</script>
```
阅读全文