欢迎来到代码驿站!

jquery

当前位置:首页 > 网页前端 > jquery

jquery实现textarea 高度自适应

时间:2021-07-03 08:25:15|栏目:jquery|点击:

之前给大家分享过用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能够有所帮助。

上一篇:jQuery实现移动端笔触canvas电子签名

栏    目:jquery

下一篇:jQuery使用siblings获取某元素所有同辈(兄弟姐妹)元素用法示例

本文标题:jquery实现textarea 高度自适应

本文地址:http://www.codeinn.net/misctech/151648.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有