我该如何解决onclick-onblur问题？

Question

我有一个表格。 在其中，我有一个textarea，在单击时会扩展。 但是有一个小问题：当用户尝试提交表单（单击“提交”按钮）时，文本区域会跳回其正常大小。 这是因为它使用了onblur函数。 我想消除这种尴尬，因为用户必须单击两次“提交”按钮才能提交表单。

我应该怎么做才能一键工作？

Answer 1

您可以在onblur处理程序中设置较短的超时时间，以缩小文本区域：

document.getElementById("textareaID").onblur = function () {
    var target = this;
    setTimeout( function () {
        //Code to shrink the textarea, use "target" instead of "this" for scoping reasons.
    }, 250);

}

Answer 2

textArea.addEventListener('blur', function(e) {
    e.preventDefault();
    return false;
}, true);

这会将侦听器添加到blur事件中，以防止触发其他任何事件，包括导致textarea调整大小的所有内容。 不过，您最好不要首先添加blur钩子，而不是像这样捕获它。