.focusout() Keyboard Event

Syntax

.focusout()

Description

.focusout keyboard event is used to bind a function when an element or anyother element inside it loses focus. 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

<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(){ var fo = 0, b = 0; $("p").focusout(function() { fo++; $("#fo") .html("focusout : " + fo + "x"); }).blur(function() { b++; $("#b") .html("blur : " + b + "x"); }) }); </script> <div> <div class="input"> <p class="jq_ptag"> First Name:<input type="text" /><br>Last Name:<input type="text" /> </p> <p class="jq_ptag"> Password:<input type="password" /> </p> </div> <div id="fo">focusout:</div> </div>