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

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

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); 

希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。