526互联

js显示用户输入的字数

发布时间 2023-04-12 15:36:53作者: hqingxiang
Document 
<textarea name="" id="" cols="30" rows="10"></textarea>
<span>0</span>

<script>
    //显示输入的字数
    var text = document.querySelector('textarea');
    var num = document.querySelector('span');
    console.log(text);
    text.onkeyup = function(e){
        var n = e.target.value.length;
        num.innerHTML = n;
    }
</script>