jQuery autosize是一個非常方便的插件,可以自動調整文本框的大小,以適應內容的變化。
//引入jQuery <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script> //引入autosize <script src="https://cdn.bootcdn.net/ajax/libs/autosize.js/4.0.2/autosize.min.js"></script> //使用方法 //首先,只需要在文本框的類或ID上調用autosize即可: <textarea class="autosize"></textarea> //其次,只需要在jQuery中調用autosize即可: $(document).ready(function(){ $('.autosize').autosize(); });
如此簡單的使用方式,就可以讓文本框始終保持適當的大小。而且,如果內容的長度發生變化,文本框也會自動調整大小,非常適用于動態內容的輸入框。
總之,jQuery autosize可以大大提高輸入框的用戶體驗,代碼使用也非常簡單明了,非常適合前端開發者使用。