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

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…

1 month ago

XML in REST API response and SOAP XML.

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

6 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…

10 months ago

How to install NVM on Windows?

Install NVM on Windows Node Js is a JavaScript runtime environment used widely in today’s…

12 months ago

How to reset WSL 2 user’s password?

You can easily reset WSL 2 users' password, by just following the following steps. Open…

1 year ago

DreamHost Web Hosting

DreamHost a web hosting company, founded in 1997. It is offering sort of hosting services,…

2 years ago