Jquery: one element click and one element change in single function call

Question

I have two elements. I have to do same code logic for one element's click and another element's change. How can I combine these two to avoid code duplication. I am looking for a solution other than calling a same function from both the events.

$( "element1" ).change(function(){
    //some stuff here
});

$( "element2" ).click(function(){
    //same above stuff here
});

Why not calling the same function? You could have $("element1").change(sharedFunction) and $("element2").click(sharedFunction) — Zak
– Zak, Commented May 21, 2017 at 17:44
Hey... I just noticed that: «I am looking for a solution other than calling a same function from both the events.»... What do you mean? — Louys Patrice Bessette
– Louys Patrice Bessette, Commented May 21, 2017 at 18:00

quirimmo · Accepted Answer · 2017-05-21 17:51:42Z

2

Put your "stuff" in an outer function...
Then call this function in your event handlers.

function myStuff(){
  //some stuff here
}


$( "element1" ).change(myStuff);

$( "element2" ).click(myStuff);

edited May 21, 2017 at 17:51

quirimmo

10k3 gold badges33 silver badges46 bronze badges

answered May 21, 2017 at 17:45

Louys Patrice Bessette

34k7 gold badges41 silver badges70 bronze badges

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

2 Comments

Louys Patrice Bessette Over a year ago

@quirimmo: Thank for the edit... I approved it. ;) (I doesn't change anything... But it's more concise)

quirimmo Over a year ago

thanks :) yeah I just like to avoid inner functions when we can omit them :)

kqcef · Accepted Answer · 2017-05-21 17:55:02Z

0

It's hard to say without knowing exactly what you're trying to do, but you could use the same callback function for each event.

var callback = function(e) {
  //shared functionality
}

$( "element1" ).change(callback);

$( "element2" ).click(callback);

edited May 21, 2017 at 17:55

answered May 21, 2017 at 17:46

kqcef

5471 gold badge4 silver badges19 bronze badges

Collectives™ on Stack Overflow

Jquery: one element click and one element change in single function call

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related