watermark that is deleted first on keypress?

is there a watermark jquery plugin that dont delete the watermark text when the text is in focus but deletes the watermark text first when the user is typing somethin开发者_高级运维g in it?

then the watermark will still be visible when the first text field is automatically selected.

This should be easy to manipulate if you can't find the exact plugin that you're looking for. For example, this plugin has the following as the actual clearMessage event:

input.focus(clearMessage);
input.blur(insertMessage);  
input.change(insertMessage);

Which you could just alter to say this:

input.keypress(clearMessage);
input.blur(insertMessage);  
input.change(insertMessage);

I have created a jQuery plugin for this called Watermarkify. It not only displays watermarks but also animates them on focus.

Demo:

http://www.ajaybalachandran.com/demo/watermarkify/

Download:

http://www.ajaybalachandran.com/blog/48/watermarkify-jquery-twitter-like-animated-textfield-watermarks/

i have the best and easiest solution for this problem

<input value="" placeholder="watermark text:" />