javascript - 将 document.onkeydown 限制为每秒一次

Question

我想知道是否有办法将 document.onkeydown 限制为每 1000 毫秒 (1s) 一次。

这是我的代码:

document.onkeydown = function(e) {
    switch (e.keyCode) {
        case 37:
            console.log("left");
            break;
        case 38:
            console.log("up");
            break;
        case 39:
            console.log("right");
            break;
        case 40:
            console.log("down");
            break;
    }
};

因此，如果用户点击向下箭头(case 40)，它会将 down 打印到控制台。

我在想能不能限制一下，如果用户在一秒内多次点击向下箭头，它只会注册一次，不会排队。

Answer 1

我会做这样的事情:

document.onkeydown = function(e) {
    let lastEvent = null,
        lastPressesTimestamp = null
    if(e.keyCode === lastEvent && lastPressesTimestamp && (Date.now() - lastPressesTimestapm) < 1000){
        return
    } else{
        lastEvent = e.keyCode, lastPressesTimestamp = Date.now()
    }
    switch (e.keyCode) {
        case 37:
            console.log("left");
            break;
        case 38:
            console.log("up");
            break;
        case 39:
            console.log("right");
            break;
        case 40:
            console.log("down");
            break;
    }
};