1 Example(s) of JQuery blur

Description :

The blur() method occurs when element loss focus. In this blur() method we are used to remove focus from the selected element. This method start the blur event or it can be attached a function to run when a blur event occurs.

Syntax:

Trigger the blur event for the selected elements: $(selector).blur()

Attach a function to the blur event: $(selector).blur(function)

JQuery blur Example - 1

<html> 
  
<head> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script> 
    <script> 
        $(document).ready(function() { 
            $(".btn").click(function() { 
                $("input").blur(); 
                $("p").html("This is blur method that is used!!!"); 
            }); 
        }); 
    </script> 
</head> 
  
<body> 
    
    Enter your Name: 
    <input type="text"> 
    <br> 
    <br> 
    <button class="btn">get blur!!!</button> 
    <p style="color:gray"></p> 
</body> 
  
</html>

Try it » Download Example »

1 Example(s) of JQuery blur

Output