Question

I’m currently working on a simple form that stores users inputted information to a database.

The form will be displayed on iPads at a Kiosk.

If a user walks up to the form and starts to fill in the fields, but doesn’t finish and walks away, I want the form fields to clear for the next person.

This is being done to prevent someone from walking up to an iPad with half of the previous users information that was never submitted.

I know I’ll have to use Javascript, but I have no clue where to start.

Answer 1

I would say handle the keydown event of the window object and save the current time. Something like this:

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.