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

2021-08-13 07:26:07 字數 465 閱讀 4953

原理:生成乙個新的textarea,不停獲取當前textarea最新的值,然後計算高度賦給當前的textarea

var addhandler = window.addeventlistener?

function(elem,event,handler):

function(elem,event,handler);

var aa = function(id)

function autotextarea(elemid){

if(!aa("_textareacopy")){

var t = document.createelement("textarea");

t.id="_textareacopy";

//css 一定要跟當前的 寬度 字型大小保持一致

不過 將div設定成內容可編輯的就可以實現同樣效果的textarea 而且還可以帶上,問題時 有些瀏覽器可能不支援

textarea高度隨內容自動改變

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

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

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

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

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