美文网首页让前端飞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