让前端飞Web前端之路

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

2019-07-09  本文已影响1人  Hello杨先生
<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
上一篇下一篇

猜你喜欢

热点阅读