使用JQ实现统计剩余字数

匿名 (未验证) 提交于 2019-12-02 21:53:52

<html lang="en"> <head>     <meta charset="UTF-8">     <title>使用JQ实现统计剩余字数</title>    <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script> </head> <body> <textarea name="" id="" cols="100" rows="30"></textarea> <span>你还可以输入<strong style="color:red;">140</strong>个字</span> <script>     var maxLength = 140;     $('textarea').keyup(function(){         var L = $(this).val().length;         $('strong').text(maxLength-L);//总字数减去输入的字数          if(parseInt($('strong').text())<0){             $('strong').text('0'); //如果输入文字小于0 则文本显示为0             //alert($(this).val());             var val1 = $(this).val().substr(1,140);//截取输入长度             //substr(不推荐使用,ECMAScript没有标准化substr()方法)             $(this).val(val1);         }     }) </script> </body> </html>

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!