Textarea自動適用高度且無滾動條解決方案

2021-04-18 05:46:13 字數 1110 閱讀 6211

無滾動條textarea自動適用高度

title

>

<

meta

name

="generator"

content

="editplus"

>

<

meta

name

="author"

content

="">

<

meta

name

="keywords"

content

="">

<

meta

name

="description"

content

="">

head

>

<

body

>

<

textarea

id="test"

rows

="1"

onpropertychange

="this.style.height=this.scrollheight+'px';"

oninput

="this.style.height=this.scrollheight+'px';"

style

="overflow:hidden;height:16px;"

>

textarea

>

body

>

html

>

textarea高度隨內容自動改變

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

textarea高度自適應自動展開

在使用之前,推薦兩個比較好的事件,分別是oninput和onpropertychange,ie9以下不相容oninput。在textarea發生變化時,可以通過監聽這兩個事件來觸發你需要的功能。相容ie7及以上,ie6沒測,已放棄相容 html div class expandingarea id ...

textarea高度自適應自動展開

相容情況 在使用之前,推薦兩個比較好的事件,分別是oninput和onpropertychange,在textarea發生變化時,可以通過監聽這兩個事件來觸發你需要的功能,看一下相容情況 firefox chrome ie9,ie10 均支援 oninput 事件,此外所有版本的 ie 均支援 on...