Reusing code between different event handlers

Question

I have one code block which I want to invoke in different scenarios when a click is triggered, depending on whether the event is direct or is delegated.

But on changing

Answer 1

define a function and do the job;

var funCalled = function(){
    //your detailed actions
}

and call it in different conditions!

if (some condition) {
    $(document).on('click','.selected-option',function(event){
        funCalled()
    })
} else {
    $('.selected-option').click(function(event){
        funCalled()
    });
}

Answer 2

var testfunction = function(currentObj){
  // your code here
}   

 if (some condition)
  {
      $(document).on('click','.selected-option',function(event){
          testfunction($(this));  
      });
  }
 else {
      $('.selected-option').click(function(event){
          testfunction($(this));  
       });
  }

Answer 3

You don't have to use anonymous functions to handle events. Just write a regular function:

function handleClick(event) {
  // lots of code
}

Then bind the function to as many events as you want:

if (some condition) {
  $(document).on('click','.selected-option', handleClick);  
else {
  $('.selected-option').click(handleClick);
}