相容情況
在使用之前,推薦兩個比較好的事件,分別是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 ...