首页 > Web开发 > 详细

textarea自动扩展高度(jquery实现)

时间:2014-11-13 11:03:17      阅读:311      评论:0      收藏:0      [点我收藏+]

项目中用到了textarea自动扩展高度的功能,网上查了几个都不太完善,稍微修改了一下,主要是添加了当内容删除时候的自动减少高度功能。如需指定textarea,修改选择器即可。

$(document).on("input propertychange", "textarea", function (e) {
       var target = e.target;
       // 保存初始高度,之后需要重新设置一下初始高度,避免只能增高不能减低。           
        var dh = $(target).attr(‘defaultHeight‘) || 0;
        if (!dh) {
            dh = target.clientHeight;
            $(target).attr(‘defaultHeight‘, dh);
        }

        target.style.height = dh +‘px‘;
        var clientHeight = target.clientHeight;
        var scrollHeight = target.scrollHeight;
        if (clientHeight !== scrollHeight) { target.style.height = scrollHeight + 10 + "px";
        }
    });

textarea自动扩展高度(jquery实现)

原文:http://my.oschina.net/willinchang/blog/343810

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!