函数仅在我慢慢输入时运行

我正在尝试确定打字时按下键的时间。

这是我的JavaScript：

var keyDownTimer = 0;
var keyUpTimer = 0;
var keyPressedCounter = 0;
var dt;
var keyDownDisplay = document.getElementById("keyDownTimer");
var keyPressedDisplay = document.getElementById("keyPressed");
keyDownDisplay.innerHTML = keyDownTimer;
keyPressedDisplay.innerHTML = keyPressedCounter;
function keypressed(){
keyPressedCounter++;
  keyPressedDisplay.innerHTML = keyPressedCounter;
}
function keydown(){
  dt = setInterval(addDownTime, 1);
}
function addDownTime(){
  keyDownTimer++;
  keyDownDisplay.innerHTML = keyDownTimer/1000;
}
function keyup(){
  clearInterval(dt);
}

和我的html

<style>
        div{
      height:25px;
      width:100px;
      display:inline-block;
      margin-right:10px;
        }
    </style>
</head>
<body>
<div id="keyUpTimer"></div><div id="keyDownTimer"></div><div id="keyPressed"></div>
<input id="textBox" type="text" onkeyup="keyup()" onkeydown="keydown()" onkeypress="keypressed()">

当我在文本框中输入时，一切正常，但是由于某种原因，键盘二聚体才开始运行，好像keydown（）无法运行。我知道我的代码很难阅读，但是我很确定它是正确的。并且应该正确运行。慢慢打字似乎有助于问题，但最终仍会运行无穷大。任何帮助，将不胜感激。如果您可以解释它为什么要做什么，那将是很棒的。

您正在替换DT变量，其中引用了许多间隔。

问题是，当您同时按多个键时，第一个键Dow的DT被第二个键替换为第二个。

尝试以下操作：

var dt = 0;
...
function keydown(){
  if(dt == 0){
    dt = setInterval(addDownTime, 1);
  }
}
function addDownTime(){
  keyDownTimer++;
  keyDownDisplay.innerHTML = keyDownTimer/1000;
}
function keyup(){
  clearInterval(dt);
  dt = 0;
}

相关内容

最新更新

热门标签：