Очистить поля формы по неактивности

Question

В настоящее время я работаю над простой формой, которая хранит введенную пользователями информацию в базе данных.

Форма будет отображаться на iPad в киоске.

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

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

Я знаю, что мне придется использовать Javascript, но я понятия не имею, с чего начать.

Answer 1

Я бы сказал, обработать событие keydown объекта 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);

Вот демонстрация.

Answer 2

Почему бы просто не перезагрузить страницу после периода бездействия? Безопасная ставка. Просто используйте функции JavaScript setTimeout и clearTimeout, чтобы достичь этого, когда поля обновляются для сброса таймеров. Используйте setTimeout, чтобы перезагрузить страницу. Это обеспечит сброс страницы.

См. Перезагрузка и Сроки JavaScript .

Answer 3

На мой взгляд, лучше всего использовать это событие синхронизации javaScript.

Это можно сделать с помощью функций setTimeout() и clearTimeout(). Затем в этих функциях вы можете обратиться к полям ввода document.getElementById("nameofElement") и затем очистить их.

Хороший пример, которому легко следовать: События синхронизации JavaScript

Надеюсь, это поможет.