在使用之前,推薦兩個比較好的事件,分別是oninput和onpropertychange,ie9以下不相容oninput。在textarea發生變化時,可以通過監聽這兩個事件來觸發你需要的功能。
**相容ie7及以上,ie6沒測,已放棄相容
html**:
<div
class
="expandingarea "
id="textarea"
>
<
pre><
span
>
span
><
br>
pre>
<
textarea
>
textarea
>
div>
js:
functionmakeexpandingarea(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 ...