【前端】监听文本框输入的字符数量

最新推荐文章于 2021-06-04 19:53:08 发布

c1000095815

最新推荐文章于 2021-06-04 19:53:08 发布

阅读量1k

点赞数

文章标签： a

本文链接：https://blog.csdn.net/c1000095815/article/details/82928581

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .text span{font-weight:bold;color: #f00; }
        em{font-style: normal};
    </style>
</head>
<body>
    <p class="text">您还可以输入<span><em id="count">30</em>/30</span></p>
    <div class="input">
        <textarea name="" id="text" cols="30" rows="4"></textarea>
    </div>
    <script>
        var text=document.getElementById("text");
        var total=30;
        var count=document.getElementById("count");
        //绑定键盘事件
        document.οnkeyup=function(){
            //获取文本框值的长度
            var len=text.value.length;
            var allow=total-len;
            count.innerHTML=allow;
        }
    </script>
</body>
</html>

c1000095815

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
【前端】监听文本框输入的字符数量

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt; &lt;style&gt; .text span{font-weight:bo
复制链接

扫一扫