如何在twitterbootstrap中区分模态对话框的单击与背景

Question

我希望为某种目的在单击模式对话框的背景与单击模式对话框的背景之间区分单击事件。

请帮忙 ！

在此先感谢一吨。

Answer 1

我找不到任何内置函数来获取所需的内容。 我发现的唯一“ hacky”方法是检查document的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/4zzKz/