Freeing up JavaScript event handler

Question

$(".guide").focus(function(){
   $(this).removeClass("guide").val("");
});

I just need to know if there's something else I need to do to free up the event handler, or is it fine?

May be complement it with .blur() event?

Salman Arshad
– Salman Arshad

2011-04-26 05:48:27 +00:00
Commented Apr 26, 2011 at 5:48 — Salman Arshad
– Salman Arshad, Commented Apr 26, 2011 at 5:48

Atanas Korchev · Accepted Answer · 2011-04-26 05:58:48Z

1

You can also use jQuery.fn.one for an event handler which is called once and then automatically detached.

$(".guide").one("focus", function(){
   $(this).removeClass("guide").val("");
});

answered Apr 26, 2011 at 5:58

Atanas Korchev

30.6k8 gold badges62 silver badges94 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

mattsven Over a year ago

Wow, I did not know about the one() handler. Cool!

redsquare · Accepted Answer · 2011-04-26 06:50:05Z

1

Not quite sure what you mean by 'free up the event handler' but I will guess..

Removing the class would work only if you are using a .delegate handler. In your situation where you explicitly attach the handler to elements you need to .unbind the handler from the element.

If you have a number of elements with a class of guide in a form then you will be best using delegate as follows

$('.guide').delegate('form', 'focus', function(){
   $(this).removeClass("guide").val("");
});

edited Apr 26, 2011 at 6:50

answered Apr 26, 2011 at 5:48

redsquare

78.8k21 gold badges155 silver badges159 bronze badges

2 Comments

mattsven Over a year ago

Sorry, I figured it out - $(this).removeClass("guide").unbind("focus").val("");

redsquare Over a year ago

@NeXXeuS Yeah that is what I said!

Collectives™ on Stack Overflow

Freeing up JavaScript event handler

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related