jQuery：在单个函数调用中单击一个元素并更改一个元素

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

Answer 1

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

Answer 2

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