javascript - 如何监控用户在 html 中的输入文本字段中输入数据所需的时间

Question

我是编程新手，

我正在尝试编写的程序有一个带有许多输入文本框的 html 页面。我正在做的研究是关于用户如何输入数据。

我尝试使用单击来获取用户输入文本框的时间。然而刚刚发现不能在 javascript 函数中存储来自 with 的值。可变时间。尝试放入一个 bean 和 getParameter 但都不起作用。

有没有人能解决这个问题。

需要一种方法将用户按每个文本框的名称输入数据所花费的时间最终存储到平面文本文件中。

谢谢

Answer 1

很快就把它整合在一起了。它有一个变量，它将按名称和上次聚焦的时间保存每个表单的所有数据。它使用上次聚焦的时间来计算模糊时聚焦的时间。

var Status = {};

var focusHandler = function() {
    var name = this.name;
    console.log("Focus", name, Status[name]);
    if (!Status[name]) Status[name] = {
        total: 0,
        focus: Date.now()
    }
    else Status[name].focus = Date.now();
}
var blurHandler = function() {
    var name = this.name;
    if (Status[name]) {
        Status[name].total += Date.now() - Status[name].focus;
    }
}

// You don't have to attach them this way, it's just for example

var inputs = document.getElementsByTagName('input');

for (var i = 0, l = inputs.length; i < l; i++) {
    inputs[i].onfocus = focusHandler;
    inputs[i].onblur = blurHandler;
}

http://jsfiddle.net/TjLab/