CODEWITHSUNDEEP
javascriptjqueryhtmlcssweb
Muhammad Masudur Rahman
Muhammad Masudur Rahman

Reputation: 392

how to stop keydown function after click a button

i have js code when i press key 38, 40 13 those function works respectively. but what i want to do is ,when i click this button keydown function block will be disable, and when i hover this button this keydown function block will be enable.

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

this is my html button:

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

Upvotes: 0

Views: 705

Answers (1)

Lars Peterson
Lars Peterson

Reputation: 1508

Just create a flag.

Enabled on hover, disabled on click.

var controlsEnabled = false;

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

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

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

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

});

Upvotes: 3

Related Questions