单击按钮后如何停止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 
    } 

});