<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=" 50%;height: 35%;"></textarea> <p>当前字数为:<span id="text-count">0</span>,最大字数支持1.5万字（一个汉字、一个英语字母、一个标点符号均占用一个字符。）</p> </div> </body> <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script> <script type="text/javascript"> /*字数限制 需要修改字数范围，下面15000换掉即可*/ $("#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>