如何解决这种尴尬

Question

http://jsfiddle.net/wmuYq/

我想消除一个尴尬：用户必须点击两次提交按钮才能提交文本。

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

Answer 1

您可以设置超时：http://jsfiddle.net/wmuYq/1/

document.getElementById("text1").onblur = function () {
   var target = this;
   setTimeout( function () {
        target.style.height='36px';
   }, 250);
}

Answer 2

您可以使用提交按钮上的onmousedown事件来提交表单：

document.getElementById("submitButton").onmousedown = function() {
   this.form.submit();
}

要使上面的示例起作用，您需要给按钮一个ID。此外，您还需要将提交按钮的名称从"submit"更改为其他名称，因为否则它会覆盖form元素的submit属性。

这是因为mousedown事件将在textarea触发blur事件之前在按钮上触发。

下面是一个工作示例。

Answer 3

首先你没有表单，所以我根本不确定它是如何提交的。

将代码包装在一个表单中并添加一个操作，它应该可以正常工作：-(

Answer 4

这可能会奏效未测试

从textarea中删除onblur事件，并将其放置在input 上的onclick上

onclick="document.getElementById('text1').style.height='36px'"

修订小提琴：http://jsfiddle.net/jasongennaro/wmuYq/2/