javascript - 粘贴时文本区域自动调整大小

Question

好的，这是我的问题。我正在使用这个插件(http://james.padolsey.com/javascript/jquery-plugin-autoresize/)在有更多文本时自动调整我的文本区域的大小。当我使用键盘粘贴时，它会完美地自动调整大小。但是，当我粘贴时使用鼠标，不起作用。

所以我调整文本区域大小的代码是:

$('textarea').autoResize({
    // On resize:
    onResize : function() {
        $(this).css({opacity:0.8});
    },
    // After resize:
    animateCallback : function() {
        $(this).css({opacity:1});
    },
    // Quite slow animation:
    animateDuration : 300,
    // More extra space:
    extraSpace : 40
});

我在粘贴时调用自动调整大小函数的代码:

$('textarea').bind('paste', function() {
    $('this').autoResize({
// On resize:
onResize : function() {
    $(this).css({opacity:0.8});
},
// After resize:
animateCallback : function() {
    $(this).css({opacity:1});
},
// Quite slow animation:
animateDuration : 300,
// More extra space:
extraSpace : 40

}); });

但是，这似乎不起作用。有什么想法吗？

Answer 1

根据这个question您需要在粘贴事件上使用 setTimeout 等待几毫秒，然后再尝试检索该值。

$('textarea').bind('paste', function() {
    var $textarea = $(this);
    setTimeout(function() {
        $("div").text($textarea.val());
    }, 250);
});

jsfiddle 上的示例

所以也许它的工作原理如下:

$('textarea').bind('paste', function () {
    var $textarea = $(this);
    setTimeout(function () {
        $textarea.trigger("change.dynSiz");
    }, 250);
});

jsfiddle 上的示例