Question

How can I bind one handler to many events and make sure that the handler is called only once even if more than one events were fired?

$(".element").bind("click select" ,handl);
function handl (e) 
{ 
     //my code
}

The problem with this code is that the handl is called twice for each event. If you think that the handler should only be called once if both events are fired than please tell me so because I think that the handler in this code should be called twice.

Answer 1

I am not sure if I understood correctly.. but I am assuming that you are trying to prevent multiple events calling the handler function multiple times from one user action.

var isExecuting = false;
$(".element").bind("click focus" ,function () {    
    if (isExecuting) return false;
    isExecuting = true;
    handl.call(this); //maintain the context
    isExecuting = false;
});
function handl (e) 
{ 
    //your code
}