您的位置：首页 > 其它

Textarea 高度自适应根据内容自适应高度

2012-01-10 11:35 423 查看

<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>



</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";

}

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航

Textarea 高度自适应 根据内容自适应高度

Textarea 高度自适应根据内容自适应高度