jquery实现textarea 高度自适应


Posted in Javascript onMarch 11, 2015

之前给大家分享过用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();

        });

以上就是本文所述的全部内容了,希望对大家学习jQuery能够有所帮助。

Javascript 相关文章推荐
快速解决jquery之get缓存问题的最简单方法介绍
Dec 19 Javascript
js中的如何定位固定层的位置
Jun 15 Javascript
jquery ezUI 双击行记录弹窗查看明细的实现方法
Jun 01 Javascript
jQuery EasyUI菜单与按钮详解
Jul 13 Javascript
js简单获取表单中单选按钮值的方法
Aug 23 Javascript
纯JavaScript 实现flappy bird小游戏实例代码
Sep 27 Javascript
微信小程序动态的加载数据实例代码
Apr 14 Javascript
vue动态路由实现多级嵌套面包屑的思路与方法
Aug 16 Javascript
微信小程序实现的动态设置导航栏标题功能示例
Jan 31 Javascript
vue spa应用中的路由缓存问题与解决方案
May 31 Javascript
layui的表单验证支持ajax判断用户名是否重复的实例
Sep 06 Javascript
小程序实现左滑删除的效果的实例代码
Oct 19 Javascript
jQuery简单实现禁用右键菜单
Mar 10 #Javascript
jQuery判断数组是否包含了指定的元素
Mar 10 #Javascript
js控制文本框只输入数字和小数点的方法
Mar 10 #Javascript
jQuery实现当前页面标签高亮显示的方法
Mar 10 #Javascript
jQuery简单几行代码实现tab切换
Mar 10 #Javascript
jQuery实现高亮显示的方法
Mar 10 #Javascript
jQuery实现切换字体大小的方法
Mar 10 #Javascript
You might like
实测在class的function中include的文件中非php的global全局环境
2013/07/15 PHP
Yii框架在页面输出执行sql语句以方便调试的实现方法
2014/12/24 PHP
php字符串分割函数用法实例
2015/03/17 PHP
详解PHP中array_rand函数的使用方法
2016/09/11 PHP
PHP通过文件保存和更新信息的方法分析
2019/09/12 PHP
phpstudy后门rce批量利用脚本的实现
2019/12/12 PHP
Javascript操作select方法大全[新增、修改、删除、选中、清空、判断存在等]
2008/09/26 Javascript
Javascript select控件操作大全(新增、修改、删除、选中、清空、判断存在等)
2008/12/19 Javascript
InnerHtml和InnerText的区别分析
2009/03/13 Javascript
Javascript 闭包引起的IE内存泄露分析
2012/05/23 Javascript
Lazy Load 延迟加载图片的jQuery插件中文使用文档
2012/10/18 Javascript
开发中可能会用到的jQuery小技巧
2014/03/07 Javascript
jquery css 设置table的奇偶行背景色示例
2014/06/03 Javascript
原生js调用json方法总结
2018/02/22 Javascript
vue 使某个组件不被 keep-alive 缓存的方法
2018/09/21 Javascript
jQuery实现购物车的总价计算和总价传值功能
2018/11/28 jQuery
vue 地区选择器v-distpicker的常用功能
2019/07/23 Javascript
vue-router 中 meta的用法详解
2019/11/01 Javascript
编写Python的web框架中的Model的教程
2015/04/29 Python
python使用MySQLdb访问mysql数据库的方法
2015/08/03 Python
详解Python Socket网络编程
2016/01/05 Python
python 线程的暂停, 恢复, 退出详解及实例
2016/12/06 Python
Python模块文件结构代码详解
2018/02/03 Python
Python实现批量读取图片并存入mongodb数据库的方法示例
2018/04/02 Python
Python OpenCV处理图像之图像像素点操作
2018/07/10 Python
python编写简易聊天室实现局域网内聊天功能
2018/07/28 Python
凯撒娱乐:Caesars Entertainment
2018/02/23 全球购物
罗技英国官方网站:Logitech UK
2020/11/03 全球购物
工作疏忽检讨书
2014/01/25 职场文书
鼓励运动员的广播稿
2014/02/08 职场文书
出国留学单位推荐信
2015/03/26 职场文书
小学教师见习总结
2015/06/23 职场文书
Golang二维切片初始化的实现
2021/04/08 Golang
bose降噪耳机音能消除人声吗
2022/04/19 数码科技
MySQL8.0 Undo Tablespace管理详解
2022/06/16 MySQL
JavaScript架构localStorage特殊场景下二次封装操作
2022/06/21 Javascript