H5 的輸入控件動態(tài)調整高度

html代碼:

<div class="new-project-details">   
    <textarea class="pro-des-text" name="name" placeholder="請輸入" >
    </textarea>
</div>

css代碼:

.pro-des-text{
    height: 260px;
}

js代碼:

let $text = $('.new-project-details').find('textarea').on('keyup', function(e) {
    e = e.target;
    if (e.clientHeight < e.scrollHeight) {
        e.style.height = e.scrollHeight + 'px';
    }
})
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容