区分按键和按键

Question

我有一个javascript函数，当‘向下’键被按下时运行。我想，如果“向下”键被按住，函数将根本不会运行。

我考虑了keydown和keyup之间的时间，如果时间小于1秒，那么函数将在keyup上运行。问题是，如果我按住这个键，浏览器会将其视为连续多次按下的键。

有没有更好的方法来做这件事？

谢谢

Answer 1

如果我理解你的问题是你的浏览器将一个按键解释为多个按键事件。您希望在按住某个键的情况下与简单地按下该键时发生一些不同的事情；并且您希望这种差异基于您认为应该构成“持有”键的某个时间。因此，您需要通过跟踪keyup事件来区分按住和按下。下面的伪代码可以解决这个问题：

打开快捷键：

if !yourBool 
    start timer

yourBool = true 

在Keyup上：

if timer < yourTime
    do something

yourBool = false

这将起作用，因为计时器不会重新启动，除非发生keyup事件。

现在..。如果您的浏览器将按键解释为：

快捷键，快捷键......

那么这种方法就有问题了。

Answer 2

有一个名为repeat的键盘事件属性，如果按住该键，该属性将返回true。

document.addEventListener('keydown', (event) => {
  if(event.repeat) {
    // key is being held down
  } else {
    // key is being pressed
  }
});

Answer 3

我刚写了这个小脚本，用来区分按键和按下200毫秒的按键。也许你可以利用它：

document.onkeydown = function(e){
    var keycode = window.event ? window.event.keyCode : e.which;
    if(keycode == 40){
        var timer = setTimeout(function(){
            alert('Down key held');
            document.onkeyup = function(){};
        }, 200); 
        document.onkeyup = function(){
            clearTimeout(timer);
            alert('Down key pressed');   
        }
    }
};

JSFiddle