首頁猿問 JS自動(dòng)改變textarea高度問題

JS自動(dòng)改變textarea高度問題

JavaScript

蕪湖不蕪 2019-04-10 20:47:50

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

查看完整描述

2 回答

HUWWW

TA貢獻(xiàn)1874條經(jīng)驗(yàn) 獲得超12個(gè)贊

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

反對(duì) 回復(fù) 2019-04-10

MMTTMM

TA貢獻(xiàn)1869條經(jīng)驗(yàn) 獲得超4個(gè)贊

但是當(dāng)我使用$('textarea').val(resText);給textarea賦值時(shí)，textarea不會(huì)自動(dòng)修改高度。需要手動(dòng)調(diào)用autosize.update()方法手動(dòng)觸發(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);}