Question

For an example, if I want the user to do both click and keypress that will give the same output. I would not like to have two of the same codes.

If I had something like

$('#next').click(function(){
 // code goes here
});

I would like to also implement this

$(document).keydown(function(e){
    if (e.keyCode == 37) { 
       alert( "left pressed" );
       return false;
    }
});

that will be part of the click. Any suggests? Thank you!!

Answer 1

function myFunc() {
   alert("left pressed");
}

$("#next").click(myFunc);

$(document).keypress(function(e) {
  if(e.keyCode == 37) myFunc();
});

You could also have myFunc() handle both events like so..

function myFunc(e) {
    // First we check to see if this event has a keyCode property
    // If so, then we need to check the value of that keyCode.
    // If it doesn't match the value we're trying to capture,
    // then we just "exit" the function by returning false.
    if(e.keyCode && e.keyCode != 37) {
        return false;
    }

    alert("left pressed");
}

// Since myFunc() handles both scenarios, we can 
// bind it to both objects.
$("#next").click(myFunc);
$(document).keypress(myFunc);