doAction( "blur_area" )

doAction( "blur_area", area );
doAction( "blur_area_{key}", area );

Fires, after an area, lost the "focus" state. This happens either because a different Area received the "focus" state or the current Area is about to be hidden.

The dynamic part of the filter name is the sanitized Area key. See DiviAreaItem.theKey() for details.

If the page contains multiple Popups, only one Popup can have the "focus" state at any moment.


(DiviAreaItem, required) The area which just lost focus


// Remove a special CSS class when an Area lost focus.
DiviArea.addAction( 'blur_area', function( area ) {
    area.removeClass( 'special-focus' );


During the "blur" process, all event handlers are removed to the Area - like custom close buttons handlers. When the blur_area event is fired, the Area has no more "focus"-related handles or attributes.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.