Javascript 如何解决onclick onblur问题?

Javascript 如何解决onclick onblur问题?,javascript,click,onclick,textarea,onblur,Javascript,Click,Onclick,Textarea,Onblur,我有一张表格。在它里面我有一个文本区域,当点击时它会扩展。 但有一个小问题: 当用户试图提交表单时,单击submit按钮,textarea跳回其正常大小。这是因为它使用onblur函数。我想消除这种尴尬,因为用户必须单击提交按钮两次才能提交表单 我应该怎么做才能让它只需点击一下 textArea.addEventListener('blur', function(e) { e.preventDefault(); return false; }, true); 这将为模糊事件添加

我有一张表格。在它里面我有一个文本区域,当点击时它会扩展。 但有一个小问题: 当用户试图提交表单时,单击submit按钮,textarea跳回其正常大小。这是因为它使用onblur函数。我想消除这种尴尬,因为用户必须单击提交按钮两次才能提交表单

我应该怎么做才能让它只需点击一下

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

这将为模糊事件添加一个侦听器,以防止触发任何其他事件,包括导致textarea重新调整大小的任何事件。不过,对于您来说,首先不添加模糊挂钩会更容易,而不是以这种方式捕捉它。

您可以在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);

}

你有什么代码要发布吗?嗯,我想这个问题不需要发布代码就可以解决,但是如果你需要这段代码,请通知我。如果你可以发布一篇文章肯定会有帮助,因为一个例子通常会说上千个字。