开发者

Event in a function with jQuery

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 开发者_如何学Pythonfollowing, but I don't know how to achieve this

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

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


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.


You dont have to pass any event variable. jQuery will pass it when it executes the handlers. Just say.

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


There's no need to pass the argument as it is defaulted to event. By placing the function name itself, cursorPos within your mousemove() event, you are capturing the necessary event thus rendering the need to pass the argument unnecessary.

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

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

Working example: http://jsfiddle.net/8v4uE/

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜