如何区分模式对话框的点击与twitter bootstrap中的背景

Question

我想点击事件来区分点击模态对话框，然后点击模态对话框的背景。

请帮忙！

提前感谢。

Answer 1

我找不到任何内置功能来获得你想要的东西;我找到的唯一“hacky”方法是检查document的点击/加密事件，如果模态打开，则调用你的回调。

代码：

$(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/4zzKz/