angular 2 bootstrap 4取消esc鍵盤事件

我需要幫助捕獲ESC鍵事件並取消它。我已經打開Bootstrap 4模式並配置它，所以ESC鍵可以關閉它。下面這段代碼是不工作，我試圖找出該怎麼做..所以任何想法，將不勝感激......angular 2 bootstrap 4取消esc鍵盤事件

@HostListener('window:keydown', ['$event']) 
onKeyDown(event: KeyboardEvent) { 
if (event.keyCode == 27) { 
    // ... 
    //some logic to resolve if esc key should be canceled ... 
    // ... 
    event.stopImmediatePropagation(); 
     event.preventDefault(); 
     event.stopPropagation(); 
    } 
}

來源

2017-02-02 Armando

你是否試圖實現任何特定於'modal'的東西？ –

這似乎並不涉及引導4在所有 – ZimSystem

是的，它確實...我保持一個開放的模式窗口和在boostrap中的模式窗口綁定到ESC鍵，如果配置。因爲我需要ESC鍵關閉模式我啓用它..但我有一個情況，必須抓住ESC鍵事件，並且事件傳播必須停止。我正在問如何做到這一點..由於標籤表明我正在使用Angular2和Boostrap 4的角度2 對不起。我更新了主要帖子來描述它... – Armando

無需額外的代碼，你可以通過只把acheive所以tabindex='-1' modal div上的屬性。你的模態div應該看起來像。

<div id="bootstrapModel" class="modal fade" tabindex="-1" role="dialog"> 
    //Code for modal. 
</div>

來源

2017-12-13 09:56:50

angular 2 bootstrap 4取消esc鍵盤事件

回答

相關問題