[JavaScript][HTML] textarea auto height 高度隨內容增加－空境界

Feb 19 Fri 2021 21:38
[JavaScript][HTML] textarea auto height 高度隨內容增加

    private formTextareaAuto(): void {
        var textarea = document.getElementsByTagName('textarea');
        setTimeout(() => {
            for (var i = 0; i < textarea.length; i++) {
                textarea[i].style.height = 'auto';
                textarea[i].scrollTop = 0; //防抖動
                //有可能這個初始化高度賦值沒有賦上去
                textarea[i].style.height = textarea[i].scrollHeight + 'px';
                textarea[i].addEventListener('input', (e: any) => {
                    e.target.style.height = 'auto';
                    e.target.scrollTop = 0; //防抖動
                    e.target.style.height = e.target.scrollHeight + 'px';
                });
            }
        }, 200);
    }