Focus event fires when an element receives focus either via the pointing device or by tab navigation.

 


<html>
  <head>
    <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){

             $("input").focus(function () {
                $(this).next("span").css('display','inline').fadeOut(1000);
             });


        });
    </script>
<style>

  div.dbl { background:yellow;color:black; }
  
</style>
  </head>
  <body>
    <body>
         <p><input type="text" /> <span>focus fire</span></p>
        
        <p><input type="password" /> <span>focus fire</span></p>
    </body>
</html>

Related examples in the same category

1.	Change text field CSS
2.	Set textbox value
3.	Text box selected event
4.	Text input change event
5.	Find the value of an input box.
6.	set the value of select elements, but selecting the appropriate options.
7.	To add a validity test to all text input elements:

Focus event fires when an element receives focus either via the pointing device or by tab navigation. : Form TextBox « jQuery « JavaScript DHTML

Related examples in the same category