twitter-bootstrap - 检测背景点击 Bootstrap 3 modal

Question

使用 Twitter Bootstrap 3 时，是否知道模式何时通过背景点击关闭？

Answer 1

我找不到任何内置函数来检查你想要什么。

我发现的唯一“hacky”方法是检查文档的单击/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/