textarea高度自適應自動展開

2022-08-28 20:42:11 字數 880 閱讀 9662

相容情況

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

firefox、chrome、ie9,ie10 均支援 oninput 事件,此外所有版本的 ie 均支援 onpropertychange 事件。

oninput 事件在使用者輸入、退格(backspace)、刪除(delete)、剪下(ctrl + x)、貼上(ctrl + v)及滑鼠剪下與貼上時觸發(在 ie9 中只在輸入、貼上、滑鼠貼上時觸發)。

onpropertychange 事件在使用者輸入、退格(backspace)、刪除(delete)、剪下(ctrl + x)、貼上(ctrl + v)及滑鼠剪下與貼上時觸發(在 ie9 中只在輸入、貼上、滑鼠貼上時觸發)(僅 ie 支援)。

backspace、delete 兩個按鍵的 keycode 分別為 8、46。

oncut 事件在貼上(ctrl + v)、滑鼠貼上時觸發。

html:

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') ;

textarea高度自適應自動展開

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

textarea高度自適應

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

textarea實現高度自適應

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