Binding the same event twice will fire twice in jQuery 1.4.2

Question

if you have something like this:

jQuery(selector).focus(function(){...}); jQuery(selector).focus(function(){...}); 

the focus works twice, is there anyway that I can fix / prevent this?

Answer 1

Use data('events') to search for event handlers:

 var isBound = function(el, ev) { var found = false; $.each($(el).data("events"), function(i, e) { if (i === ev) { found = true; } }); return found; } if (!isBound(selector, 'focus')) { $(selector).bind('focus', fn); } 

I think you can use the .one() function in jQuery too, see http://api.jquery.com/one/

Answer 2

You can use unbind to remove the previous handler. How you use it depends on why you are trying to avoid using both handlers in the first place.

Answer 3

Try using the event namespace and use bind:

 var fnFocus = function(){ ... }; $(selector).bind('focus.namespace',fnFocus); $(selector).unbind('focus.namespace').bind('focus.namespace',fnFocus);