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

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 month 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 month ago

How to Add an Addon Domain in GoDaddy with Web Hosting Deluxe

Add an Addon Domain in GoDaddy with Web Hosting Deluxe (Step-by-Step Guide). If you are…

3 months ago

Developing a RESTful API with Node.js, Express.js, MongoDB, and TypeScript

The ability to create reliable APIs is essential in today's web development environment. I'll show…

5 months ago

XML in REST API response and SOAP XML.

The difference between XML that we get in response to any REST API and XML…

10 months ago

How to install and configure Apache2 on WSL2?

I hope you already have WSL2 installed and enabled. So, setting up Apache2 on WSL2…

1 year ago