Question

Having multiple event handlers on a jQuery .on() method, like this:

$("div.test").on({

  mousemove: function(e){
    //do something
  },

  mouseenter: function(){
    //do something
  },

  mouseleave: function(){
    //do something
  }

});

Is it possible to call the mousemove function from outside the .on() method?

something like this:

function myFunction(e){
   //do something
};

$("div.test").on({

  mousemove: myFunction(e);

  mouseenter: function(){
    //do something
  },

  mouseleave: function(){
    //do something
  }

});

Answer 1

Just remove the (e) from the end of myFunction inside the on() statement:

function myFunction(e){
  //do something
};

$("div.test").on({

  mousemove: myFunction,

  mouseenter: function(){
    //do something
  },

  mouseleave: function(){
    //do something
  }

});

The event (e) will be passed to myFunction implicitly