html动态编辑框

来源:互联网 发布:绘画中的光源 知乎 编辑:程序博客网 时间:2024/06/07 20:23

简述:

随着在输入框中增加字符,动态矿高度增加(IE9及以上 chrome  firefox)

由于IE8 不支持oninput函数,所以不能实现此效果


事件函数:

function feedDivOnInput(obj){    obj.style.height=30+'px';    obj.style.height=obj.scrollHeight+'px';}function feedTextAreaOnInput(obj){obj.style.height=30+'px';obj.style.height=obj.scrollHeight+'px';}

html标签

<div class="discusstexarea_div c_9 mb" oninput="javascript:feedDivOnInput(this)"><textarea name="postMsg" class="discusstextarea  c_9" oninput="javascript:feedTextAreaOnInput(this)">我的评论...</textarea></div>


效果:

单行,


多行,








0 0