如何區分點擊模式對話框與twitterbootstrap中的背景

Question

我希望單擊事件可以區分點擊模態對話框和點擊模式對話框背景以達到某種目的。

請幫忙！

感謝提前一噸。

Answer 1

我找不到任何內置函數來獲得你想要的;我發現的唯一「黑客」方式是檢查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/