不活動的清除字段

Question

我目前正在處理一個簡單的表單，用於將用戶輸入的信息存儲到數據庫。

表單將顯示在Kiosk的iPads上。

如果用戶走到窗體並開始填寫字段，但沒有完成並走開，我希望窗體字段爲下一個人清除。

這樣做的目的是防止某人走到一臺iPad上，其中有一半以前的用戶信息是從未提交過的。

我知道我必須使用Javascript，但我不知道從哪裏開始。

Answer 1

我會說處理window對象的​​事件並保存當前時間。事情是這樣的：

var timerID = null; 
var timeoutDuration = 60000; // Put the timeout duration here 

window.addEventListener('keydown', function(e) { 
    if(timerID !== null) { 
     clearTimeout(timerID); 
     timerID = null; 
    } 

    timerID = setTimeout(function() { 
     // Clear all the fields here 
    }, timeoutDuration); 
}, false); 

Here's a demo.

Answer 2

在我看來，最好的辦法使用它的JavaScript定時事件。

這可以通過setTimeout()和clearTimeout()函數完成。然後在這些功能中，您可以處理輸入框document.getElementById("nameofElement")，然後清除它們。

很好的例子，很容易跟着看： JavaScript Timing Events

希望這有助於。

Answer 3

爲什麼不在一段時間不活動後重新加載頁面？更安全的賭注。只需使用setTimeout和clearTimeout JavaScript函數即可在字段更新以重置定時器時實現此目的。使用setTimeout重新加載頁面。這將確保頁面被重置。

參見Reload和JavaScript timing。