1. 程式人生 > >完美解決textarea字數限制

完美解決textarea字數限制

prop com HR change 技術 .text var border scrip

  1. <textarea id="area" name="ss" placeholder="請輸入文本內容"></textarea>  
  2. <p><span id="text-count">20</span>/20</p>  
  3. <script type="text/javascript">  
  4.     /*字數限制*/  
  5.     $("#area").on("input propertychange", function() {  
  6.         var $this = $(
this), 7. _val = $this.val(), 8. count = ""; 9. if (_val.length > 20) { 10. $this.val(_val.substring(0, 20)); 11. } 12. count = 20 - $this.val().length; 13. $("#text-count").text(count); 14. });
15. </script>

1、input、textarea都有maxlength屬性,但是textarea不兼容ie8/9,input兼容ie8/9。

2、同時綁定onchange、onkeydown、onkeyup,ie8/9下解決不了右鍵粘貼問題。

技術分享圖片

完美解決textarea字數限制