致敬生活(🍺);|

蚂蚁追风筝

园龄:2年8个月粉丝:3关注:0

2022-08-28 20:28阅读: 73评论: 0推荐: 0

jQuery实现textarea高度自适应

js代码

$.fn.autoHeight = function () {
        function autoHeight(elem) {
            elem.style.height = 'auto';
            elem.scrollTop = 0; //防抖动
            elem.style.height = elem.scrollHeight + 'px';
        }

        this.each(function () {
            autoHeight(this);
            $(this).on('keyup', function () {
                autoHeight(this);
            });
        });
    }
    $('textarea[autoHeight]').autoHeight();

HTML

<textarea  autoHeight="true" > </textarea>

加上

autoHeight="true"

这一段即可

本文作者:蚂蚁追风筝

本文链接:https://www.cnblogs.com/ouhouyi/p/16633570.html

版权声明:本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。

posted @   蚂蚁追风筝  阅读(73)  评论(0编辑  收藏  举报
点击右上角即可分享
微信分享提示
评论
收藏
关注
推荐
深色
回顶
收起