單擊按鈕后如何停止按鍵功能

Question

當我按下鍵38、40 13時，我有js代碼，這些功能分別起作用。 但是我想做的是，當我單擊該按鈕的按鍵功能塊時將被禁用，而當我將鼠標懸停在此按鈕上時，該按鍵功能塊將被啟用。

$(document).keydown(function(e){
if (e.keyCode == 38) { 
   verticalSlideDown();
   //console.log("pressed key for Down : "+e.keyCode);
}
if (e.keyCode == 40) { 
   verticalSlideUp();
   //console.log("pressed key for Up: "+e.keyCode);
}
if (e.keyCode === 13) {
    var div= $(".scroll-inner-container");
    //console.log("pressed key for stop : "+e.keyCode);
   div.stop();
}
});

這是我的html按鈕：

<button class="keyboard-btn">click here</button>

Answer 1

只需創建一個標志。

懸停時啟用，單擊時禁用。

var controlsEnabled = false;

$(myButton).hover(function () {
    controlsEnabled = true;
});

$(myButton).on('click', function () {
    controlsEnabled = false;
});

$(document).keydown(function (event) {

    if (controlsEnabled)
    {
        // rest of code here
    }

});