基於jquery的文本域自適應功能

標籤：情況   擴充   text   適應   抖動   初始化   tar   span   天氣   

近日在寫一個文本域自適應高度的功能，在網上發現一個效果比較好的方法。自己擴充了這個方法，現在分享給大家，有需要的朋友可以試一下，話不多說上代碼。

 1 $.fn.autoHeight = function(val) { 2  3     function autoHeight(elem) { 4         elem.style.height = ‘auto‘; 5         elem.scrollTop = 0; //防震 6         elem.style.height = elem.scrollHeight + ‘px‘; 7     } 8  9     this.each(function() {10 11     //支援按鍵彈起時文本域自適應高度12         $(this).on(‘keyup‘, function() {13             autoHeight(this);14         });15 16     //支援初始化文本域時自適應高度17         $(this).text(val);18         autoHeight(this);19     });20 21 }22 23 $("textarea").autoHeight();24 25 //var str = "空山新雨後，天氣晚來秋。明月松間照，清泉石上流。竹喧歸浣女，蓮動下漁舟。隨意春芳歇，王孫自可留。";26 27 //$("textarea").autoHeight(str);//文本域有初始值的情況      

第一篇小隨筆，如有問題，歡迎指正。

基於jquery的文本域自適應功能