如何捕獲ESC鍵以關閉引導程序模式

我有一個引導程序模式，用於更改縮略圖的大小。我在引導模式上有一個保存和取消按鈕。如果我點擊取消按鈕，縮略圖會恢復到之前的大小。我希望通過點擊ESC或在模態外點擊相同的行爲。但是，我一直無法捕捉到這些事件。如何捕獲ESC鍵以關閉引導程序模式

2015-06-30 mcashe

在引導3，你可以使用

$('#my-modal').on('hidden.bs.modal', function() { 
    window.alert('event fired!'); 
});

來源

2015-06-30 14:54:47 Jorge

感謝@Jorge，我完全相信這會奏效。但是，我無法創建一個div class = modal來分配模式ID。「出現」但似乎隱藏起來。只要我刪除class = modal，並且只保留單獨的模態標題，模態體，模態頁腳。模式實際顯示。但是我需要模態類的頂部div來分配id來使用hidden.bs.modal。 – mcashe

首先，您如何創建模態？請參閱文檔：[鏈接]（http://getbootstrap.com/javascript/#modals）數據目標=「myModal」是您的模態ID – Jorge

所以我的問題是，我沒有一個按鈕該頁面啓動了我使用數據目標的模式。我從放置在元素指令上的「圖標」啓動模態。所以這個模式是從不同的位置啓動的。我正在使用角度 '{圖標：「resources/icons/music236」，標題：「首選項」，單獨：true，OnClick：$ scope.openPreferences}'' – mcashe

如何捕獲ESC鍵以關閉引導程序模式

回答

相關問題