<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="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>