功能执行后禁用键

Disable a key after functions are executed

本文关键字:执行 功能      更新时间:2023-09-26

因此,基本上我希望第一个键("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);
    }
});