Включить, через X секунд, если размытие окна

Question

Я пытаюсь определить, потеряет ли окно фокус после 3 секунд отправки.

В настоящее время у меня это:

$("input").on("submit",function(){ 
$(window).blur(function(){ 
    console.log(a); 
}) 
}); 

Но это, независимо от того, когда вы нажимаете представить, если вы щелкните за пределами окна или свернуть в окно console.log запускающее a.

Это то, что я пытаюсь достичь:

1. Пользователь представляет форму
2. В течение 3-х секунд, если окно теряет фокус делать console.log (а);
3. Через 3 секунды, если окно теряет фокус ничего не делать.
4. Если пользователь снова подает на той же сессии, повторите процедуру с шага 1.

Answer 1

Попробуйте это:

$("#form").on("submit",function(){ 
    var blurFunc = function() { 
     console.log(a); 
    } 

    $(window).blur(blurFunc); 
    setTimeout(function() { $(window).unbind('blur', blurFunc); }, 3000); 
}); 

setTimeout вызов будет отвязать от события размытия через 3 секунды, в результате чего событие не срабатывает.

Для получения дополнительной информации о setTimeout смотрите здесь: http://www.elated.com/articles/javascript-timers-with-settimeout-and-setinterval/

В качестве альтернативы, вы могли бы сделать что-то вроде этого:

$("#form").on("submit",function(){ 
    var submitted = true; 

    var blurFunc = function() { 
     if(submitted) { 
      console.log(a); 
     } 
    } 

    $(window).blur(blurFunc); 
    setTimeout(function() { submitted = false; }, 3000); 
});