功能--多行文本框textarea文字统计和超出禁止输入

最新推荐文章于 2024-06-02 00:26:11 发布

原创最新推荐文章于 2024-06-02 00:26:11 发布 · 270 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #html

博客展示了HTML代码和JS代码，涉及前端开发领域，为相关技术学习提供参考。

html代码

<textarea id="input" type="textarea" placeholder="请输入内容" rows="3"></textarea>
<div id="num"></div>

js代码

const input = document.getElementById('input');
const num = document.getElementById('num');

input.addEventListener('input',function(){
    let len = this.value.length;
    if(len>100){
        this.value = this.value.slice(0,100);
        return false;
    }
    num.innerHTML = len; 
})