首页 > JS自动改变textarea高度问题

JS自动改变textarea高度问题

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

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

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


看了一下,提供了方法: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);
    }
【热门文章】
【热门文章】