.focusin() Keyboard Event

Syntax

$(selector).focusin(function())

Description

".focusin()" keyboard event is used to focus the element when it gets triggered. .focusin() event works with any selector elements. function() specifies the action to be done when the event occurs. The example stated below shows you how to change the style of the form and display field validation when the event is triggered.

Example Code

<br><style type="text/css">span{display:none;}</style> <script type="text/javascript" src="jquery.js"></script> <link href='http://hscripts.com/style-new.css' rel='stylesheet' type='text/css'> <script type="text/javascript"> $(document).ready(function(){ $("#form p").focusin(function() { $(this).find("span").css('display','inline').fadeOut(1500); }); $("#form div").focusin(function(){ $(this).css("background-color","#DCDCDC"); }); }); </script> <div id="form"> <form class='frms' style='border:none;' action="registration"> <p class="jq_ptag"> <div> Test by clicking in to the input fields to get focus.<br>Username: <input type="text" name="user" /><span>Only Alphabets</span><br>Password: <input type="password" name="password" /><span>Minimum of 6 Characters</span><br><input type="radio" name="option1" value="male" checked />Male <input type="radio" name="option1" value="Female" />Female<br><input type="button" value="Submit" /> <input type="button" value="Reset" /> <br></div> </p> </form> </div>