博客
关于我
jquery动态改变textarea高度,高度随着内容增加而自动变高,内容减少而自动变低
阅读量:294 次
发布时间:2019-03-03

本文共 691 字,大约阅读时间需要 2 分钟。

直接看jquery代码,复制过去即可使用:

使用之前先注册方法

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);            });        });        /**         * 重置高度         */        function _adjustH(elem){            var $obj = jQuery(elem);            return $obj.css({height: $obj.attr('_initAdjustHeight'), 'overflow-y': 'hidden'}).height( elem.scrollHeight );        }    }});

然后直接调用即可 

$(function(){    $('textarea').autoHeight();});

 

 

转载地址:http://bxyl.baihongyu.com/

你可能感兴趣的文章
NFS远程目录挂载
查看>>
nft文件传输_利用remoting实现文件传输-.NET教程,远程及网络应用
查看>>
NFV商用可行新华三vBRAS方案实践验证
查看>>
ng build --aot --prod生成文件报错
查看>>
ng 指令的自定义、使用
查看>>
ng6.1 新特性:滚回到之前的位置
查看>>
nghttp3使用指南
查看>>
Nginx
查看>>
nginx + etcd 动态负载均衡实践(一)—— 组件介绍
查看>>
nginx + etcd 动态负载均衡实践(三)—— 基于nginx-upsync-module实现
查看>>
nginx + etcd 动态负载均衡实践(二)—— 组件安装
查看>>
nginx + etcd 动态负载均衡实践(四)—— 基于confd实现
查看>>
Nginx + Spring Boot 实现负载均衡
查看>>
Nginx + Tomcat + SpringBoot 部署项目
查看>>
Nginx + uWSGI + Flask + Vhost
查看>>
Nginx - Header详解
查看>>
nginx - thinkphp 如何实现url的rewrite
查看>>
Nginx - 反向代理、负载均衡、动静分离、底层原理(案例实战分析)
查看>>
Nginx - 反向代理与负载均衡
查看>>
nginx 1.24.0 安装nginx最新稳定版
查看>>