Detect backdrop click on Bootstrap 3 modal

Question

When using Twitter Bootstrap 3, Is there anyway to know when the modal is closed by a backdrop click ?

Answer 1

The easiest and and functional way in every case-

$(document).click(function (e) {
    setTimeout(function(){
        if (!$('body').hasClass('modal-open')) {
            $("#myModal iframe").attr("src", $("#myModal iframe").attr("src"));
        }
    },1000);
});

Answer 2

I can't find any built in function to check what you want.

The only "hacky" way I found is to check the click/keyup event of the document and if the modal is opened call your callback.

Code:

$(document).keyup(function (e) {
    if (e.which == 27 && $('body').hasClass('modal-open')) {
        console.log('esc')
    }
})

$(document).click(function (e) {
    if (e.target === $('.modal-scrollable')[0] && $('body').hasClass('modal-open')) {
        console.log('click')
    }
})

Demo: http://jsfiddle.net/IrvinDominin/7nnUq/