javascript - 双键陷阱ctrl with setTimeout

Question

我正在尝试构建一个代码，其中:

• 当用户双击 ctrl 按钮时，
• 对象的 css 属性发生变化

我的代码如下:

$(document).keydown(function(){
    setTimeout(function(e){
        var count_keypress = 0;
        if (e.keyCode == 17) {
            count_keypress +1;
        }
        if (count_keypress == 2) {
            $("#iframe_add_update").css(
        "display" , "inline"
          );
        }
    },1000);
});

Answer 1

尝试:

var tapStarted = false;
$(document).keydown(function() {
    if (e.keyCode == 17) {
        if (!tapStarted) {
            tapStarted = true;
            setTimeout(function() {
               tapStarted = false; 
            }, 1000);
        } else {
            /* DO STUFF! */
            tapStarted = false;
        }
    }
});

这里的想法是，第一次按下 ctrl 时，会记住这次按下，但会启动一个计时器，它会在 1000 毫秒后忘记第一次按下(显然你可以将值更改为任何值 - 1000 毫秒可能太长)。

在计时器取消第一次按下之前，用户必须第二次按下 ctrl。