The jQuery event blur() method triggers when an element loses focus. The blur() method triggers the blur event, or it can specify a function to run when a blur event occurs. Originally, this event was only applicable to form elements, such as <input>. In modern browsers, the domain of the event has been extended to include all element types. An element can lose focus via keyboard commands or by mouse clicks elsewhere on the page.

Syntax

$(selector).blur()
$(selector).blur(function)

Parameter	Description
function	Optional. Function to run when the event occurs

Example

$("input").blur(function () {
    $("input").css("background-color", "#666666");
     });

In the jQuery code listed above, the blur() method specifies that a function should run when the blur event occurs. In the example below, the input element's background-color property will be changed when it loses focus. Click on the input element, type in some text, and click the TAB key or use your mouse to click somewhere else on the page.

• Privacy
• Support
• Archive