預設情況,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 即可 那麼言歸正傳,如何...