Скрипт срабатывает только один раз на событие click

57
11 июля 2018, 09:30

Этот скрипт срабатывает один раз. При клике кнопка блокируется. CSS свойства применяются. Через 5 сек кнопка автоматически разблокируется. Но при последующих нажатиях скрипт не блокирует кнопку и css свойства не применяются

    function timerBlock() { 
            $(this).prop('disabled', 'false').css('cursor', 'pointer'); 
            console.log('Кнопка разблокирована'); 
        } 
 
    $("#one-form-line").click(function() { 
        $(this).prop('disabled', 'true').css('cursor', 'not-allowed'); 
        console.log('Кнопка заблокирована');             
        setTimeout(timerBlock, 5000); 
    });

Answer 1

На самом деле в интернете полно уже готовых решений, как на jQuery, так и нa чистом JavaScript:

$("#btn").on("click", function(){ 
    var $self = $(this); 
    $self.attr("disabled","disabled"); 
    setTimeout(function(){ 
        $self.removeAttr("disabled"); 
    }, 5000); 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<button id="btn">Click me</button>

То же самое на чистом JavaScript:

document.getElementById("btn").addEventListener("click", function(){ 
    document.getElementById("btn").disabled = true; 
    setTimeout(function() { 
        document.getElementById("btn").disabled = false; 
    }, 5000); 
});
<button id="btn">Click me</button>

READ ALSO
Событие &ldquo;mousemove&rdquo; не срабатывает

Событие “mousemove” не срабатывает

Надо, чтобы падающие черточки разлетались при наведении мыши

26
Web-Push уведомления

Web-Push уведомления

Ребят кто знает подскажите пожалуйста

58
Javascript полнотекстовой поиск [закрыт]

Javascript полнотекстовой поиск [закрыт]

Есть строка StringAnyTextЕсть ли плагин или скрипт, который бы при вводе в инпут не менее 3 символов искал бы в этой строке и подсвечивал

45
Почему возвращаемая строка содержит undefined?

Почему возвращаемая строка содержит undefined?

Недавно начал изучать JS и столкнулся с поведением в функции, которое мне не совсем понятноКак параметр функция принимает массив из хэштегов,...

22