源生js实现文本域字数限制

原创于 2020-12-31 19:42:59 发布 · 413 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#js

javascript 专栏收录该内容

60 篇文章

订阅专栏

本文介绍如何使用JavaScript实现留言板文本域输入字数限制，并在用户输入时实时显示剩余字符数，当达到限制时阻止进一步输入。

<script>
    //留言板文本域输入字数限制
    var i = document.querySelector('.kk');
    text.addEventListener('focus', function () {
        var akk = setInterval(function () {
            i.innerHTML = 131 - text.value.length;
            if (i.innerHTML <= 0) {
                text.disabled = 'true';
            }
        })
    })
    //注释i为包裹变量的标签     
</script>