jQuery | focusout() with Example
The focusout() is an inbuilt method in jQuery which is used to remove focus from the selected element.
Syntax:
$(selector).focusout(function);
Parameter: It accepts a parameter “function” which is to be executed after execution of fadeout method.
Return Value: It returns the selected element which loses its focus.
jQuery code to show the working of focusout() method:
<html> <head> <script </script> <!-- jQuery code to show the working of this method --> <script> $(document).ready(function() { $("div").focusin(function() { $(this).css("background-color", "green"); }); $("div").focusout(function() { $(this).css("background-color", "#FFFFFF"); }); }); </script> <style> div { border: 2px solid black; width: 50%; padding: 20px; } input { padding: 5px; margin: 10px; } </style></head> <body> <!-- click inside the field focusin will take place and when click outside focusout will take place --> <div> Enter name: <input type="text"> <br> </div> </body> </html> |
Output:
After clicking inside of the input field focusin will be in action-
After clicking outside of the input field focusout will be in action.
.png)
