實現textarea標籤高度隨內容自動變化

2021-09-24 13:55:51 字數 683 閱讀 6266

預設情況,textarea標籤的高度是不會隨文字內容自動撐開的,即其高度固定,高度過多時會使textarea標籤出現滾動條;但是有時候會有需求:實現textarea標籤高度隨內容自動變化,那麼可以利用scrollheight屬性實現,如下:

// html部分
// js部分

function makeexpandingarea(el)

var delayedresize = function(el)

timer = settimeout(function() , 200);

}if (el.addeventlistener) , false);

setstyle(el)

} else if (el.attachevent) )

setstyle(el)

}if (window.vbarray && window.addeventlistener) );

el.attachevent("oncut", function() ); //處理貼上

}}var textarea = document.getelementbyid('textarea');

makeexpandingarea(textarea);

除此之外,還有其他方法,個人認為上面這個是最好的,其它就不列出啦~

實現 textarea隨內容高度自動變化

原理 生成乙個新的textarea,不停獲取當前textarea最新的值,然後計算高度賦給當前的textarea var addhandler window.addeventlistener?function elem,event,handler function elem,event,handle...

textarea高度隨內容自動改變

textarea預設的高度不是對著內容變化,而是隨著內容增多,出現了滾動條。目前的需求是實現乙個能夠輸入的textarea,並且高度跟著內容變化。發現了乙個比較好用的外掛程式flextext,但是這個基於jquery寫的,目前的技術棧是react,所以簡單看了下,然後用原生的js模擬了乙個實現。ht...

css中解決textarea高度隨內容自適應的問題

目前的輸入框實現有兩種方法 input input輸入框只能實現一行,裡面的內容不能分行顯示 textarea textarea可以實現多行輸入,但是高度卻無法自適應,並且會遇到textarea始終會與下面有一段間距,解決方法 加 vertical align middle 即可 那麼言歸正傳,如何...