美文网首页让前端飞Web前端之路
案例:仿微博实时监测字数

案例:仿微博实时监测字数

作者: Hello杨先生 | 来源:发表于2019-07-09 16:15 被阅读1次
    <style>
            textarea {
                height: 500px;
                width: 500px;
            }
        </style>
    
    <body>
        <div>
            <textarea name="" id="" cols="30" rows="10" onkeyup="MyOnKeyUp()">
    
            </textarea>
            <span>还可以输入140字</span>
    
            <script>
                var myTextarea = document.getElementsByTagName("textarea")[0];
                var mySpan = document.getElementsByTagName("span")[0];
    
                function MyOnKeyUp() {
                    var len = myTextarea.value.length ;
                    mySpan.innerHTML= "还可以输入" + (140 - len) + "个字";
                }
            </script>
        </div>
    
    image.png

    相关文章

      网友评论

        本文标题:案例:仿微博实时监测字数

        本文链接:https://www.haomeiwen.com/subject/axtfkctx.html