textarea自动扩展高度(jquery实现)
2014-11-13 09:44
525 查看
项目中用到了textarea自动扩展高度的功能,网上查了几个都不太完善,稍微修改了一下,主要是添加了当内容删除时候的自动减少高度功能。如需指定textarea,修改选择器即可。
<!-- lang: js --> $(document).on("input propertychange", "textarea", function (e) { var target = e.target; // 保存初始高度,之后需要重新设置一下初始高度,避免只能增高不能减低。 var dh = $(target).attr('defaultHeight') || 0; if (!dh) { dh = target.clientHeight; $(target).attr('defaultHeight', dh); } target.style.height = dh +'px'; var clientHeight = target.clientHeight; var scrollHeight = target.scrollHeight; if (clientHeight !== scrollHeight) { target.style.height = scrollHeight + 10 + "px"; } });
相关文章推荐
- 5分钟实现多行文本框[textarea]自动高度jquery 插件
- Jquery实现 TextArea 文本框根据输入内容自动适应高度
- Jquery实现 TextArea 文本框根据输入内容自动适应高度
- 1分钟实现多行文本框[textarea]自动高度jquery 插件
- jquery 插件实现多行文本框[textarea]自动高度
- jquery 插件实现多行文本框[textarea]自动高度
- jquery 插件实现多行文本框[textarea]自动高度
- textarea文本域宽度和高度width及height自动适应实现代码
- jquery实现textarea高度自适应
- jquery文字填写自动高度的实现方法
- jQuery实现textarea高度根据内容自适应
- jquery实现文本框textarea自适应高度
- jquery实现文本框textarea自适应高度
- 扩展 jquery miniui 组件实现自动查询数据
- jquery实现textarea 高度自适应 转自http://www.jb51.net/article/61997.htm
- jQuery实现<textarea>高度自适应,适用于td中的textarea
- jquery/js实现文本框根据输入内容input,textarea自适应高度
- 【随记】JQuery实现表格的双击编辑功能(自动适应表格高度和宽度)
- JQuery.autocomplete扩展功能:实现多列自动提示
- 【记录】用Javascript实现文本框textarea高度随内容自动适应增长收缩