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*/ });

$('#txtField').on('change blur', function() { /*Same thing*/ });

Is there any way to integrate these two lines, so I can write the same lines of code just once ?

nnnnnn · Accepted Answer · 2013-06-04 11:39:32Z

9

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);

answered Jun 4, 2013 at 11:39

nnnnnn

150k30 gold badges210 silver badges247 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

A. Wolff · Accepted Answer · 2013-06-04 11:41:14Z

3

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

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

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

A. Wolff

74.4k9 gold badges98 silver badges158 bronze badges

answered Jun 4, 2013 at 11:39

2,9121 gold badge37 silver badges62 bronze badges

Rohith Gopi · Accepted Answer · 2013-06-04 11:52:46Z

1

Here is a jsFiddle For You

Fiddle Here

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

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

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

answered Jun 4, 2013 at 11:52

Rohith Gopi

5662 gold badges6 silver badges23 bronze badges