如何监控用户在html中输入数据到输入文本字段所需的时间 [英] How to monitor time it takes a user to enter data into a input text field in html

问题描述

我是编程新手，

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

我尝试使用点击提取用户输入文本框的时间。然而，只是发现，不能存储在JavaScript函数中的值。可变时间。尝试把一个bean和getParameter，但都没有工作。

有没有人有这个解决方案。

需要一种最终存储在一个文本文件中的方法，即用户花费每个文本框的名称将数据输入到每个文本框中。

谢谢

解决方案

匆匆这一切真的很快。这有一个变量，它将保存每个表格的所有数据，名称和上次关注的时间。它使用最后一次重点计算焦点时间，模糊。

  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; 
} 
} 
 
 //你不必以这种方式附加它们，它只是例如
 
 var inputs = document.getElementsByTagName（ '输入'）; 
 
 for（var i = 0，l = inputs.length; i  inputs [i] .onfocus = focusHandler; 
 inputs [i] .onblur = blurHandler; 
} 
  

http://jsfiddle.net/TjLab/

I am new to programming,

The program I am trying to write has a html page with many input text boxes. The study I am doing is about how users enter data.

I have tried using on click to pick up time user enter text box. However just found out that can not store value from with in a javascript function. Variable time. tried putting in a bean, and getParameter but neither worked.

Does anyone have a solution for this.

Need a way to store eventually into a flat text file time users spent entering data into each text box by name of each text box.

Thanks

解决方案

Whipped this together real quick. This has a variable which will hold all the data for each form, by name, and the last time focused. It uses that last time focused to calculate the amount of time it was in focus, on blur.

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/

这篇关于如何监控用户在html中输入数据到输入文本字段所需的时间的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！