Bootstrap 4 - Close Popover When Losing Focus

popover-close-when-losing-focus.js

/*
|--------------------------------------------------------------------------
| Bootstrap 4 - Close Popover When Losing Focus
|--------------------------------------------------------------------------
|
| A JavaScript snippet that closes a Bootstrap 4 popover when clicking off
| of it, but unlike the default behaviour, allows it to stay open when
| clicking within the popover itself.
*/

$(function(){
    
    $("[data-toggle=popover]").popover();
        
    $('body').on('click', function (e) {
        $('[data-toggle="popover"]').each(function () {
        if (!$(this).is(e.target) && $(this).has(e.target).length === 0 && $('.popover').has(e.target).length === 0) {
            $(this).popover('hide');
        }
        });
    });

});

Very useful to me. Thanks.