如何按空格键，然后在文本区域中按Backspace键：使用JQuery？

Question

我们是否可以使用JQuery在textarea中按下任何键盘键？

在我的案例中的用法有很多textareas的高度为100，默认情况下为onload设置（某些开发人员使用的JQuery Autosize存在一些问题，我无法更改，并且无权更改）。 在文本区域中显示了一些文本。 如果少说10个字符，则文本区域的高度将保持不变。

现在，当最终用户单击Textarea并按任意按钮进行编辑时，突然文本区域将调整为正常高度。

所以我想让jquery在所有textarea上加载时触发key-press（space然后backspace）。 我们是否可以使用JQuery在textarea中按下任何键盘键？

Answer 1

您可以使用触发事件。 见我的jsfiddle

$("textarea").each(function(){
    var d = $.Event('keydown');
    var e = $.Event('keydown');
    d.which = 32; // space
    e.which = 8; // backspace
    this.focus();
    this.trigger(d);
    this.trigger(e);
}

手动触发调整大小：

$('textarea').each(function(){
    var evt = document.createEvent('Event');
    evt.initEvent('autosize:update', true, false);
    $(this).dispatchEvent(evt);
});

销毁自动调整大小：

$('textarea').each(function(){
    var evt = document.createEvent('Event');
    evt.initEvent('autosize:destroy', true, false);
    $(this).dispatchEvent(evt);
});

Answer 2

由于无法触发点击，因此使用以下代码来增加和减少文本区域：

autoHeight: function(e) {
    $(e).css({'height':'auto','overflow-y':'hidden'}).height(e.scrollHeight);

}，

setTimeout(function(){
        $('textarea').each(function () {
            kontroll.autoHeight(this);
        }).on('input', function () {
            kontroll.autoHeight(this);
        });
    }, 200);