原先自己写的一个方法,在textarea中用onpropertychange和oninput里监听调用
<script>
function adjustHeight(blogId){
var element = $("#comment_content_"+blogId);
var minLimit = 24;
if (!$.browser.mozilla){
minLimit += 4;
}
if (element[0].scrollHeight <= minLimit){
element.css('height', ""+24);
return false;
}
var newHeight = element[0].scrollHeight;
newHeight = newHeight - 10;
element.css('height', newHeight);
}
</script>
后来发现国外有人写好的jquery插件,代码量很少,功能也比较完善
http://bgrins.github.com/ExpandingTextareas/
分享到:
相关推荐
textarea根据内容自适应高度 组件 注意:要监听input事件改变value值 使用: <autoheight_textarea value="{{value}}" placeholder="写个评论" bindinput="listenerinput"></autoheight_textarea>
一、关于textarea文本域以及高度自适应 textarea标签为表单元素,一般用在多行文字的输入。在web应用上常见的是评论输入框,微博信息输入框等。例如企鹅微博的输入框: 作为多行文本域功能来讲,textarea满足了我们...
本文为大家介绍下textarea文本域宽度和高度(width、height)如何自动适应变化处理,下面有个不错的示例,感兴趣的朋友可以参考下
这是一个令textarea高度自适应的插件,使用jquery 去掉令人非常讨厌的滚动条;
用css控制textarea文本域的高度随内容的变化而变化,不出现滚动条. CSS代码: 复制代码代码如下: .t_area{ width:300px; overflow-y:visible } <textarea class=”t_area”> 随便在这里输入内容,textarea的高度...
今天小编就为大家分享一篇解决Lyaui 表格自适应高度的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
主要介绍了BootStrap表单控件之文本域textarea,需要的朋友可以参考下
HTML中的标签textarea的属性及用法
react-textarea-autosize React 组件自动调整 textarea 高度以适应文本。安装npm install react-textarea-autosize --save 例子 var React = require ( 'react' ) ; var Textarea = require ( 'react-textarea-...
4.1.4 Ext.form.field.Text文本域 4.1.5 Ext.form.field.TextArea文本区 4.1.6 Ext.form.field.Number数字输入框 4.1.7 Ext.form.field.Checkbox复选框和Ext.form.field.Radio单选框 4.1.8 Ext.form.Checkbox...