same function for Mouse Click and Key Press

Question

I want to call a function in jquery when mouse click or key press is occure

one way is to write same code twice for this both event but it is not proper way

can any one tell me how it is possible?

Answer 1

write a function

function Process(){
//Put all your logic
}

call the function in all the event 

$("some element selector").on("click keypress",function() {
     Process();
});

or any other click event.

Answer 2

Write only one function & call it on both event.

$( "#target" ).keypress(function() {

funABC(); });

    $( "#target" ).click(function() {

funABC(); });

function funABC(){alert("DONE");}

One more shortcut :

    $( "#target" ).click(function() {
  $( "#target" ).keypress();
});


   $( "#target" ).keypress(function() {
funABC();
});

Answer 3

If you want to register both handlers to the same element then you can use .on() to register handler for multiple events

$('myelementselector').on('click keypress', function () {
    //mycode
})

Answer 4

Use the on method.

$("some element selector").on("click keypress",function() {
     //do something
});

Answer 5

yes you can use like

<input type="text"  />


$(document).on("click mouseenter","input",function(){});

Answer 6

Try this:-

$(element).on('click keypress keydown', function() {

});

Answer 7

You also use :

$( "input" ).on('keypress mouseup',function() {

 alert('done');

});

or

$( "input" ).on('keypress mouseup',fun);