javascript - 执行功能后禁用按键

因此，基本上，我希望首先使用键（“ q”）初始化setTimeouts，然后在setTimeouts运行时禁止再次按下它，然后在setTimeouts结束时重新允许再次按下它。

$(document).keydown(function(e) {
    // if 'q' key is pressed, initalize setTimeouts
    if (e.keyCode == 81) {
        var rock = $('#rock');

        // disable 'q' key while setTimeouts are running
        setTimeout(function () {
            rock.css('background-position', '-34px -0px');
            setTimeout(function () {
                rock.css('background-position', '-66px -0px');
                setTimeout(function () {
                    rock.css('background-position', '-96px -0px');
                }, 300);
            }, 300);
        }, 300);
        // re enable 'q' key when setTimeouts are done
    }
});

有任何想法吗？

最佳答案

在开始超时之前设置一个变量，并在完成时清除它。

var q_enabled = true;
$(document).keydown(function(e) {
    // if 'q' key is pressed, initalize setTimeouts
    if (e.keyCode == 81 && q_enabled) {
        q_enabled = false; // Disable Q key
        var rock = $('#rock');
        setTimeout(function () {
            rock.css('background-position', '-34px -0px');
            setTimeout(function () {
                rock.css('background-position', '-66px -0px');
                setTimeout(function () {
                    rock.css('background-position', '-96px -0px')
                    q_enabled = true; // Re-enable it
                }, 300);
            }, 300);
        }, 300);
    }
});

关于javascript - 执行功能后禁用按键，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/25655871/