Misc.

How to change textbox value on blur() and focus() events in jquery?

Let following text field.

<input type='text' name="textbox" id="textbox" />

By following statement you can set its default value.

  $("#textbox").val("Any Value");

Use focus() event to change value when you focus on input field.

  $("#textbox").focus(function(){
         $("#textbox").val("");      
 });
  

Use blur() event on textbox field.

  $("#textbox").blur(function(){
         $("#textbox").val("Any Value");      
 });
  

Following is the code that I used on a website for search input text field.

    
  $('#s').focus(function(){
    if($(this).val()=="Search...") {
      $(this).val("");
    }  
  });
  $('#s').blur(function(){
    if($(this).val()=="") {
      $(this).val("Search...");
    }  
  });


websourceblog

ReactJs, NodeJs, Amazon Web Services, Symfony, Laravel, CodeIgniter, Zend Framework, WordPress, Drupal, Magento, Angular

Recent Posts

30 Agents Every AI Engineer Must Build: A Blueprint for Production-Ready AI Systems

Most "AI agent" content online is still stuck at the demo stage — a slick…

1 month ago

Agentic Coding with Claude Code: The Book Every Developer Using AI Should Read

If you've been using Claude Code as little more than a fancy autocomplete — typing…

1 month ago

Centralizing Email Logging in Laravel with a Custom EmailLogChannel

When building real-world Laravel applications, email handling quickly becomes scattered. You send emails from controllers,…

5 months ago

Clean, Powerful API Filtering with Spatie Query Builder

Build flexible, readable, and secure query filters across multiple Laravel models — no more bloated…

6 months ago

AI Prompt Engineering Bible (7 Books in 1) – Master ChatGPT & Generative AI

Artificial Intelligence is transforming how we work, create, and earn. But most people get stuck…

1 year ago

How Digital Transformation Services Drive Business Growth

In today’s fast-paced world, businesses can no longer rely solely on traditional methods to stay…

1 year ago