评论/留言字数限制----键盘事件

最新推荐文章于 2024-09-11 15:33:18 发布

weixin_30828379

最新推荐文章于 2024-09-11 15:33:18 发布

阅读量216

点赞数 1

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/zwtqf/p/9368697.html

版权

<html>
    <head lang="en">
        <meta charset="UTF-8">
        <title>输入文本</title>
    </head>
    <body>
        <p>字数限制在30字内，<span>您还可以输入<b>30</b> 字</span></p>
        <textarea cols="50"  rows="7"  id="text"></textarea>
    <script type="text/javascript">
        var p=document.getElementsByTagName('p')[0];
　　　　 var tex=document.getElementById('text');
        var b=document.getElementsByTagName('b')[0];
        var span=document.getElementsByTagName('span')[0];
        tex.onkeyup=function (){
        var len=tex.value.length;
        if (len>30) {
   　　　　 span.innerHTML='你已超出'+(len-30)+'字';
        }else{
        　　 span.innerHTML='你还可以输入'+(30-len)+'字';
        }
      }
    </script>
    </body>
</html>