Javascript：拖延表單提交

Question

我有幾個<選擇>字段，我希望他們的父表單在他們的值被更改時自動提交，但我希望在那裏有1.5秒的延遲並中止提交，如果用戶打開另一個選擇。

我嘗試這樣做：

var tmr; 
var timerOn = false; 

function submitSearchOptions() { 
    $('#searchoptionsform').submit(); 
} 

$('#searchoptionsform select').change(function() { 
    if (!timerOn) { 
     tmr = setTimeout(submitSearchOptions,1500); 
     timerOn = true; 
    } 
}); 

$('#searchoptionsform select').click(function() { 
    if (timerOn) { 
     clearTimeout(tmr); 
     timerOn = false; 
    } 
}); 

但它不工作。在select中選擇一個值也會觸發停止定時器的click事件。

Answer 1

您可以跟蹤哪個select啓動了定時器，並且如果它在定時器啓動的50ms內，則可以忽略click。

var tmr; 
var timerSelect = null; 
var timerStarted = null; 

function submitSearchOptions() { 
    $('#searchoptionsform').submit(); 
} 

$('#searchoptionsform select').change(function() { 
    if (!timerStarted) { 
     tmr = setTimeout(submitSearchOptions,1500); 
     timerStarted = new Date(); 
     timerSelect = this; 
    } 
}); 

$('#searchoptionsform select').click(function() { 
    if (timerStarted) { 
     if (timerSelect !== this || (new Date() - timerStarted) > 50) { 
      clearTimeout(tmr); 
      timerStarted = null; 
      timerSelect = null; 
     } 
    } 
});