检测背景点击Bootstrap 3模态

Question

当使用Twitter Bootstrap 3时,无论如何都要知道模式何时被背景点击关闭？

Answer 1

我找不到任何内置功能来检查你想要什么.

我找到的唯一"hacky"方法是检查文档的click/keyup事件,如果模态打开,请调用回调.

码:

$(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')
    }
})

演示:http://jsfiddle.net/IrvinDominin/7nnUq/