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.