Как отправить сообщение при нажатии кнопки только один раз?

Question

[SJerin]

Нужно отправлять сообщения при нажатии на кнопку. При нескольких нажатиях отправляется несколько раз. Были попытки отменять обработчик, как кнопка нажата, и добавлять обратно, когда сообщение пришло, менять класс кнопки, очищать поле сразу после нажатия. Но в мобильных браузерах ничего из этого не срабатывает и сообщения как будто выстраиваются в очередь, а потом приходят все. Как можно сделать, чтобы сообщение отправлялось только один раз?

Comments

[Николай]

Хоть какой-то минимальный пример того что вы делаете и не получается покажите.

[OVK2015]

boolean переменную заведите, равную false При 1-ом нажатии ставьте ее в true

[SJerin]

var text = textarea.value;
textarea.value = "";
if (text.search(/\S/) != -1) {
socket.emit('message', text, function() {
checkMessage("a-mess", text);
});
}

это кусок функции, которая является обработчиком нажатия на кнопку с последним вариантом -очищать поле сразу, там еще у меня класс кнопки проверяется, и как уже было сказано, была попытка просто его убрать, чтоб не срабатывал этот кусок функции, а потом в колбеке возвращать.

Answer 1

[Денис Инешин]

Примерно такой паттерн:

var sending = false;

$(".button").on("click", function () {
    if (sending) {
        return;
    }
	
    sending = true;
    
    $.ajax({
    	// send data
    	success: function (data) {
            sending = false;
        }
    })
});

Answer 2

[SJerin]

Проблема решилась с помощью флагов и очистки поля сразу после нажатия, в мобильных браузерах заработало.

Answer 3

[Богдан Герасименко]

Понравилась идея "скрывать кнопку". Как вариант, многие разработчики после нажатия кнопки submit делают ее disabled. В таком случае нажать несколько раз не получится. Должно срабатывать и на мобильных.