单击按钮

Question

当我按下按键38,40时，我有js代码这些功能分别起作用。 但我想要做的是，当我点击时，此按钮 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
    }

});