jquery实现textarea 高度自适应 转自http://www.jb51.net/article/61997.htm
来源:互联网 发布:淘宝申请售后只有维修 编辑:程序博客网 时间:2024/05/21 14:07
之前给大家分享过用Javascript控制文本框textarea高度随内容自适应增长收缩,今天花了点时间换了种实现方法,总结一下
复制代码代码如下:
jQuery.fn.extend({
autoHeight: function(){
return this.each(function(){
var $this = jQuery(this);
if( !$this.attr('_initAdjustHeight') ){
$this.attr('_initAdjustHeight', $this.outerHeight());
}
_adjustH(this).on('input', function(){
_adjustH(this);
});
});
/**
* 重置高度
* @param {Object} elem
*/
function _adjustH(elem){
var $obj = jQuery(elem);
return $obj.css({height: $obj.attr('_initAdjustHeight'), 'overflow-y': 'hidden'})
.height( elem.scrollHeight );
}
}
});
// 使用
$(function(){
$('textarea').autoHeight();
});
阅读全文
0 0
- jquery实现textarea 高度自适应 转自http://www.jb51.net/article/61997.htm
- http://www.jb51.net/article/3357.htm
- http://www.jb51.net/article/51052.htm
- http://www.jb51.net/article/41274.htm
- http://www.jb51.net/article/37855.htm
- http://www.jb51.net/article/32651.htm
- http://www.jb51.net/article/37462.htm
- http://www.jb51.net/article/53271.htm
- http://www.jb51.net/article/84149.htm
- javascript:深入理解闭包——转自http://www.jb51.net/article/24101.htm
- ASP.NET操作EXCEL的总结篇(转自http://www.jb51.net/article/26273.htm)
- jQuery UI Dialog 创建友好的弹出对话框实现代码 详细出处参考:http://www.jb51.net/article/30087.htm
- String的==与equal和null( 转自:http://www.jb51.net/article/18417.htm)
- session用法解答,转载自http://www.jb51.net/article/42500.htm
- python中的list http://www.jb51.net/article/47978.htm
- python字符串连接的N种方式(转自http://www.jb51.net/article/55301.htm;http://www.cnblogs.com/huangcong/)
- 转http://www.jb51.net/article/67718.htm从键盘输入字符的方法
- js 获取浏览器高度和宽度值(多浏览器) 详细出处参考:http://www.jb51.net/article/19844.htm
- SpringMVC-1
- 并查集和Union-Find算法
- 企业/产品VR展示
- 任学堂说教育:一个初中女语文老师的王者荣耀日常!
- spark join shuffle 数据文件的读取
- jquery实现textarea 高度自适应 转自http://www.jb51.net/article/61997.htm
- 希尔排序算法的实验
- 五大常用算法
- VM下桥接设置
- Laravel 5.4 私有包搭建工厂模式
- 未知二维数组取最右下角值方法(arr[][].length的总结)
- 逆天的excel操作技巧在哪?小编今天统统告诉你,就怕你不敢看!
- bzoj1426 收集邮票
- 左手坐标系&右手坐标系