Как решить эту неловкость?

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();
}

Чтобы приведенный выше пример работал, вам нужно присвоить кнопке идентификатор. Кроме того, вам нужно изменить имя кнопки отправки с «отправить» на что-то другое, поскольку в противном случае оно перезаписывает свойство submit элемента form.

Это работает, потому что событие mousedown будет запущено на кнопке до того, как событие blur будет запущено textarea.

Вот рабочий пример .

Answer 3

Это может сработать. Непроверенные

Удалите событие onblur из textarea и поместите его как onclick в input

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

Пересмотренная скрипка: http://jsfiddle.net/jasongennaro/wmuYq/2/

Answer 4

Ну, во-первых, у вас нет формы, поэтому я не совсем уверен, как она отправляется.

Оберните ваш код в форму и добавьте действие, и оно должно работать нормально: -)