首頁猿問 JS自動改變textarea高度問題

JS自動改變textarea高度問題

JavaScript

慕田峪4524236 2019-04-19 16:12:10

使用http://www.jacklmoore.com/autosize/插件autosize(document.querySelectorAll('textarea'));可以實現(xiàn)textarea中輸入內容是自動改動高度。但是當我使用$('textarea').val(resText);給textarea賦值時，textarea不會自動修改高度。想通過trigger觸發(fā)change，input，resize事件都沒用，只能觸發(fā)focus事件會修改高度。而在手機端觸發(fā)focus事件會自動調用輸入法，不希望調用輸入法，如何解決這個問題？

查看完整描述

2 回答

滄海一幻覺

TA貢獻1824條經(jīng)驗獲得超5個贊

看了一下，提供了方法：update()，文檔里有寫。varta=document.querySelector('textarea');autosize(ta);ta.value="Somenewvalue";autosize.update(ta);賦值后update一下就ok了。

反對回復 2019-04-19

暮色呼如

TA貢獻1853條經(jīng)驗獲得超9個贊

但是當我使用$('textarea').val(resText);給textarea賦值時，textarea不會自動修改高度。需要手動調用autosize.update()方法手動觸發(fā)autosize的autosize:update事件。functionupdate(ta){if(!(ta&&ta.nodeName&&ta.nodeName==='TEXTAREA')){return;}varevt=document.createEvent('Event');evt.initEvent('autosize:update',true,false);ta.dispatchEvent(evt);}