javascript - 简单的javascript击键计数

Question

我正在开发一项在线研究/调查，我需要计算参与者的击键次数。我要求他们在文本字段中输入 lrlrlrlrlrlrl... 以模拟行走。事实证明，许多参与者(正如在任务上花费的时间所证明的那样)正在复制和粘贴。

我需要一些可以计算击键次数的东西，这样我就可以识别出按要求完成任务的参与者。这项研究是在 Coldfusion 中编程的，我在考虑某种 javascript/onkeydown/隐藏文件字段组合，但我不是真正的程序员。

如有任何帮助，我们将不胜感激。谢谢。

Answer 1

http://jsfiddle.net/kBJGM/

HTML:

<input type="text" class="nopaste"/>
<input type="text" id="countstroke"/>
<span id="count"></span>​

Javascript:

var strokeCount = 0;

$(function(){

    $(".nopaste").bind("copy paste", function(e){
        e.preventDefault();
    });

    $("#countstroke").keyup(function(){
        $("#count").text("Count: " + (++strokeCount));
    });
});​

如果您想更进一步，您可以强制只注册 L 和 R 键 (http://jsfiddle.net/kBJGM/5/):

$("#restrictivecount").keypress(function(e){
    var seq = rstrokeCount % 2;
    var allow = true;
    switch(e.keyCode){
        case 76:
        case 108: // L or l
            if (seq == 1) allow = false;
        break;
        case 82:
        case 114: // R or r
            if (seq == 0) allow = false;
        break;               
        default:
            allow = false;
        break;               
    }

    if (allow)
        $("#rcount").text("Count: " + (++rstrokeCount));
    else
        e.preventDefault();
});