jQuery different events on different elements to trigger the same function

Question

What if different elements have to trigger the same function but on different events ?

$(\'#btnNext\').on(\'click\', function() { /*Same thing*/ });

$(\'#txtFie         


        

Answer 1

You included a clue in your question: "trigger the same function" - so simply bind the same function:

function commonHandler(e) { /* your code */ }

$('#btnNext').on('click', commonHandler);

$('#txtField').on('change blur', commonHandler);

Answer 2

$('#btnNext').on('click', myMethod );

$('#txtField').on('change blur',  myMethod );

function myMethod()
{
/*Your Code goes here*/
}

Answer 3

Here is a jsFiddle For You

Fiddle Here

 function Commonalert(){alert("Common Alert Message");}

$('#Btn').on('click', Commonalert);

$('#text').on('change blur', Commonalert);