<html><header><meta charset="utf-8"><title>测试实时字数显示</title></header><body><div style="text-align: center;margin-top: 8%;"><h3>字数输入实时统计</h3><textarea id="area" name="ss" placeholder="请输入文本内容" style="width: 50%;height: 35%;"></textarea> <p>当前字数为:<span id="text-count">0</span>,最大字数支持1.5万字(一个汉字、一个英语字母、一个标点符号均占用一个字符。)</p> </div></body><script src="/jquery/3.4.1/jquery.min.js"></script><script type="text/javascript"> /*字数限制*/ $("#area").on("input propertychange", function() { var $this = $(this), _val = $this.val(), count = ""; if (_val.length > 15000) { $this.val(_val.substring(0, 15000)); }count =$this.val().length; $("#text-count").text(count); }); </script></html>
话不多说,直接看代码即可。很简单的,注释地方写的清清楚楚。
如果觉得《jquery实现输入框实时统计字数和设置字数限制功能》对你有帮助,请点赞、收藏,并留下你的观点哦!