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

How to install and configure Apache2 on WSL2?

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

4 months ago

How to install NVM on Windows?

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

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

9 months ago

DreamHost Web Hosting

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

1 year ago

How to add submenu or menu in any specific menu option in WordPress programmatically?

Menus in WordPress are highly versatile and can be easily modified to change in your…

2 years ago

Laravel 8 error target class controller does not exist.

Laravel is famous and robust PHP framework, widely used in different type of projects. While…

2 years ago