javascript - JS自动改变textarea高度问题
怪我咯
怪我咯 2017-04-10 15:11:06
[JavaScript讨论组]

使用http://www.jacklmoore.com/autosize/插件
autosize(document.querySelectorAll('textarea'));可以实现textarea中输入内容是自动改动高度。

但是当我使用$('textarea').val(resText);给textarea赋值时,textarea不会自动修改高度。

想通过trigger触发change,input,resize事件都没用,只能触发focus事件会修改高度。而在手机端触发focus事件会自动调用输入法,不希望调用输入法,如何解决这个问题?

怪我咯
怪我咯

走同样的路,发现不同的人生

全部回复(2)
迷茫

看了一下,提供了方法:update(),文档里有写。

var ta = document.querySelector('textarea');

autosize(ta);

ta.value = "Some new value";

autosize.update(ta);

赋值后update一下就ok了。

大家讲道理

但是当我使用$('textarea').val(resText);给textarea赋值时,textarea不会自动修改高度。

需要手动调用 autosize.update() 方法手动触发 autosize 的 autosize:update 事件。

    function update(ta) {
        if (!(ta && ta.nodeName && ta.nodeName === 'TEXTAREA')) {
            return;
        }var evt = document.createEvent('Event');
        evt.initEvent('autosize:update', true, false);
        ta.dispatchEvent(evt);
    }
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号