textarea高度自適應自動展開

2022-07-04 07:24:10 字數 788 閱讀 6467

在使用之前,推薦兩個比較好的事件,分別是oninput和onpropertychange,ie9以下不相容oninput。在textarea發生變化時,可以通過監聽這兩個事件來觸發你需要的功能。

**相容ie7及以上,ie6沒測,已放棄相容

html**:

<

div

class

="expandingarea "

id="textarea"

>

<

pre><

span

>

span

><

br>

pre>

<

textarea

>

textarea

>

div>

js:

function

makeexpandingarea(container) ,

false

); span.textcontent =area.value;

} else

if(area.attachevent) );

var html = area.value.replace(/\n/g,'

'); span.innertext =html;

}container.classname += "active";

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

makeexpandingarea(areas);

textarea高度自適應自動展開

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

textarea高度自適應

textarea高度自適應 有時候寫表單的時候,會有乙個 備註框textarea。因為textarea不支援自適應高度,就是定好高度或者是行數之後,超出部分就會顯示滾動條,看起來不美觀。我們需要美觀實現的效果 預設顯示一行。當輸入的文字超過一行或者輸入enter時,輸入框的高度會隨著改變,直到輸入完...

textarea實現高度自適應

css部分 textarea textarea js 文字框根據輸入內容自適應高度 param 輸入框元素 param 設定游標與輸入框保持的距離 預設0 param 設定最大高度 可選 var autotextarea function elem,extra,maxheight getstyle ...