javascript - JS自动改变textarea高度问题

Question

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

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

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

Answer 1

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

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

autosize(ta);

ta.value = "Some new value";

autosize.update(ta);

赋值后update一下就ok了。

Answer 2

但是当我使用$('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);
    }