jQuery focusout() Method

Last Updated:

jQuery focusout() Method

The jQuery focusout() method is triggered when a specified element loses focus.

This method is often used with jQuery focusin() method.

Note: Unlike the blur() method, the focusout() method also triggers if any of its child elements lose focus.

Example

HTML Editor
<!DOCTYPE html> <html lang="en-US"> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> </head> <body> <h1>jQuery focusout() Method</h1> <input type="text" placeholder="focusout"> <script> $(document).ready(function(){ $("input").focusin(function(){ $("input").css("padding", "10px"); }); $("input").focusout(function(){ $("input").css("padding", "0"); }); }); </script> </body> </html>

Syntax

$(selector).focusout(callback);

Parameter Values

ValueTypeExplanation
callback Required Specifies the function to run when the focusout event occurs.

Browser Support

Devicedesktopmobile
Browsergoogle chromesafarifirefoxinternet Exploreredgeoperagoogle chromesafarifirefoxedgeoperaandroid webviewsamsung internet
focusout()YesYesYesYesYesYesYesYesYesYesYesYesYes

Share this Page

Meet the Author