單擊按鈕後如何停止keydown函數

Question

我有js代碼，當我按下鍵38,40 13時，這些函數分別工作。 但我想要做的是，當我點擊這按鈕的keydown功能塊將禁用， 當我懸停這個按鈕，這個的keydown功能塊將被啓用。

$(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 
    } 

});