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.


area 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.

Was this article helpful?

Related Articles

Need Support?

Can't find the answer you're looking for?
Get in touch with us