Comments on: jQuery clear focus function

By: Madmartigan

Madmartigan — Mon, 01 Nov 2010 16:07:23 +0000

Won’t the blur function change the input value when you move focus to the submit button?

Seems like this probably doesn’t work irl

By: John Robinson

John Robinson — Sat, 06 Feb 2010 19:27:22 +0000

One of the great features of jQuery is the ability to chain events. To save on a few bytes of characters the entire script can be condensed to:

$(document).ready(function () {
$(”.searchinput”).focus(function () {
if ($(this).val() === $(this).attr(”title”)) {
$(this).val(”");
}
}).blur(function () {
if ($(this).val() === “”) {
$(this).val($(this).attr(”title”));
}
});
});

By: Sam

Sam — Wed, 16 Sep 2009 13:39:03 +0000

Thanks, helped me a ton .

By: Translation Services

Translation Services — Fri, 26 Jun 2009 12:35:20 +0000

Thnaks for that!I had the same issue with one of my sites!I love Internet!

By: James

James — Wed, 06 May 2009 09:26:36 +0000

@eep

Thanks for this example – I’m just getting started with JQuery so this kind of thing really helps.

After some fiddling around I found that this didn’t work for me:

$(this).val() = $(this).attr(’title’);

But this did:

$(this).val($(this).attr(’title’));

By: eggChops

eggChops — Wed, 22 Apr 2009 12:48:25 +0000

@eep
Yes I could have done that….I’m not all too sure why I didn’t as I have used ‘attr’ to get the title already…strange

By: eep

eep — Tue, 21 Apr 2009 22:03:56 +0000

Instead of creating the variable and doing this:
$(this).val(clearMePrevious);

you could just do this:
$(this).val() = $(this).attr(’title’);

By: eggChops

eggChops — Sun, 19 Apr 2009 10:45:27 +0000

That’s a different solution. I’m not sure it’s that intuitive though. I think I would expect the field to clear when I clicked inside it so I could start typing. I find myself trying to select the label and clear it rather than start typing over it.

By: Nic

Nic — Sun, 19 Apr 2009 03:23:39 +0000

I do this one better: by positioning the label over the field instead of putting the label in the field as text, I can leave the label there even while the field has focus, hiding it only when the user actually enters text. See for example the search field at http://foneshow.com/