完美解決textarea字數限制
阿新 • • 發佈:2018-03-14
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字數限制