這篇文章主要介紹了jQuery實現限制textarea文本框輸入字符數量的方法,涉及jQuery鍵盤事件及頁面元素的相關操作技巧,需要的朋友可以參考下

本文實例講述了jQuery實現限制textarea文本框輸入字符數量的方法。分享給大家供大家參考。具體實現方法如下：

1. (function($) { 
2. $.fn.extend( { 
3. limiter: function(limit, elem) { 
4. $(this).on("keyup focus", function() { 
5. setCount(this, elem); 
6. }); 
7. function setCount(src, elem) { 
8. var chars = src.value.length; 
9. if (chars > limit) { 
10. src.value = src.value.substr(0, limit); 
11. chars = limit; 
12. } 
13. elem.html( limit - chars ); 
14. } 
15. setCount($(this)[0], elem); 
16. } 
17. }); 
18. })(jQuery); 
19.  
20. //To setup the limiter, simply include a call similar to the one below: 
21. var elem = $("#chars"); 
22. $("#text").limiter(100, elem); 

希望本文所述對大家的jQuery程序設計有所幫助。