Question

I know how to use events with jQuery in the classical way for example:

$("#moveArea").mousemove(function(event){
    $("#info").empty().append("pageX is: "+event.pageX);
});

Demo: http://jsfiddle.net/Ey7kP/

My question is how to pass the event in a function I have already create. I need something like the following, but I don’t know how to achieve this

function cursorPos(event) {
  $("#info").empty().append("pageX is: "+event.pageX);      
}

$("#moveArea").mousemove(cursorPos(event));

Answer 1

Just do

$("#moveArea").mousemove(cursorPos);

Since you’re referring to the function and not calling it, there’s no need for passing the arguments. jQuery will call it for you and pass event to it.