在頁面加載時調整textarea的大小

Question

我發現下面的代碼用於調整textarea的大小以根據內容進行擴展。

$(document).ready(function() { 
 
    $(".content").on("keyup",function(){ 
 
    var h = $(this).height(); 
 
    $(this).css("height","0px"); 
 
    var sh = $(this).prop("scrollHeight"); 
 
    var minh = $(this).css("min-height").replace("px", ""); 
 
    $(this).css("height",Math.max(sh,minh)+"px"); 
 
    }); 
 
});

代碼工作很好，但只有文字區域選擇它們並作出更改後延伸。

我希望他們延長頁面加載已經....任何想法？

謝謝！

Answer 1

試試這個：

$(document).ready(function() { 
    var $content = $('.content'); 
    $.each($content, resize); 
    $content.on("keyup", resize); 

    function resize(){ 
     var h = $(this).height(); 
     $(this).css("height","0px"); 
     var sh = $(this).prop("scrollHeight"); 
     var minh = $(this).css("min-height").replace("px", ""); 
     $(this).css("height",Math.max(sh,minh)+"px"); 
    } 
});