Textarea 高度自适应 根据内容自适应高度
2012-12-29 17:41
633 查看
<body>
<form id="form1" runat="server">
<div>
<textarea id='textarea' name="textarea" onpropertychange='setTareaAutoHeight("textarea")' oninput='setTareaAutoHeight("textarea")' style="width:100%; overflow-y:hidden; border:0; font-size:12px"><asp:Literal ID="litCont" runat="server"></asp:Literal></textarea>
<!--
IE支持 onPropertyChange 火狐支持oninput
Firefox有个oninput事件效果和onPropertyChange一样,所以同时加上oninput和onPropertyChange问题就解决
-->
</div>
</form>
</body>
function init() {
// 设置textarea自适应高度
var handler = function () {
setTareaAutoHeight('textarea');
};
// 添加监听
if (window.addEventListener) {//FF
window.addEventListener('DOMContentLoaded', handler, false);
window.addEventListener('load', handler, false);
} else if (window.attachEvent)//IE
window.attachEvent('onload', handler);
else
window.onload = handler;
} // end init
init();
function setTareaAutoHeight(id) {
document.getElementById(id).style.height = document.getElementById(id).scrollHeight + "px";
}
<form id="form1" runat="server">
<div>
<textarea id='textarea' name="textarea" onpropertychange='setTareaAutoHeight("textarea")' oninput='setTareaAutoHeight("textarea")' style="width:100%; overflow-y:hidden; border:0; font-size:12px"><asp:Literal ID="litCont" runat="server"></asp:Literal></textarea>
<!--
IE支持 onPropertyChange 火狐支持oninput
Firefox有个oninput事件效果和onPropertyChange一样,所以同时加上oninput和onPropertyChange问题就解决
-->
</div>
</form>
</body>
function init() {
// 设置textarea自适应高度
var handler = function () {
setTareaAutoHeight('textarea');
};
// 添加监听
if (window.addEventListener) {//FF
window.addEventListener('DOMContentLoaded', handler, false);
window.addEventListener('load', handler, false);
} else if (window.attachEvent)//IE
window.attachEvent('onload', handler);
else
window.onload = handler;
} // end init
init();
function setTareaAutoHeight(id) {
document.getElementById(id).style.height = document.getElementById(id).scrollHeight + "px";
}
相关文章推荐
- js实现textarea根据内容大小自适应高度
- jQuery实现textarea高度根据内容自适应
- Jquery实现textarea根据文本内容自适应高度
- js实现textarea高度根据内容自适应
- js实现textarea高度根据内容自适应
- Textarea根据内容自适应高度
- Textarea根据内容自适应高度
- Textarea 高度自适应 根据内容自适应高度
- textarea自动换行,且文本框根据输入内容自适应高度
- Textarea 高度自适应 根据内容自适应高度
- Textarea根据内容自适应高度
- textarea 根据内容自适应高度
- Jquery实现textarea根据文本内容自适应高度
- [转]autoTextarea-文本框根据输入内容自适应高度
- jquery/js实现文本框根据输入内容input,textarea自适应高度
- Textarea根据内容自适应高度
- 模拟新浪微博评论textarea输入框随着输入内容增多输入框高度自适应
- 【jQuery插件】autoTextarea-文本框根据输入内容自适应高度的实例页面
- Flex TextArea 根据文字内容自动增加高度
- textarea根据内容自动增加高度