jquery实现textarea 高度自适应
来源:互联网 发布:数据库中select的用法 编辑:程序博客网 时间:2024/05/12 05:49
转载自:http://www.jb51.net/article/61997.htm
用jquery实现的textarea 高度自适应代码。这个动画效果比较流畅。适合新手学习。非常简单实用,这里推荐给小伙伴们。
用jquery实现的textarea 高度自适应代码。这个动画效果比较流畅。适合新手学习。非常简单实用,这里推荐给小伙伴们。
之前给大家分享过用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高度自适应
- jquery实现textarea 高度自适应
- jquery----TextArea高度自适应
- jQuery实现<textarea>高度自适应,适用于td中的textarea
- textarea如何实现高度自适应?
- textarea如何实现高度自适应?
- textarea如何实现高度自适应
- textarea如何实现高度自适应
- textarea如何实现高度自适应?
- textarea如何实现高度自适应?
- js实现textarea自适应高度
- js实现文本框textarea高度自适应
- js实现textarea高度根据内容自适应
- js实现textarea高度根据内容自适应
- div模拟实现textarea(高度自适应)
- jquery/js实现文本框根据输入内容input,textarea自适应高度
- jquery实现textarea 高度自适应 转自http://www.jb51.net/article/61997.htm
- textarea自适应高度
- div模拟textarea文本域轻松实现高度自适应
- UbuntuKylin13.10下安装配置Theano
- jquery ajax无刷新更新页面
- (Caffe,LeNet)前向计算(五)
- 杂项-近期思路
- jquery实现textarea 高度自适应
- 第一次职业道路简易自我总结
- java 处理系统时间(转载)
- 用Redis轻松实现秒杀系统
- 封装SharedPreferences,顺序方便调用
- (Cuda)基础知识(一)
- Runtime的使用
- textarea文本域自适应高度
- (Cuda)存储器Memory(二)