アングル2ブートストラップ4 Escキーイベントキャンセル

私はESCキーイベントを捕捉し、取り消すのに助けが必要です。ブートストラップ4モーダルを開いて、ESCキーで閉じることができるように設定しました。今アングル2ブートストラップ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

はい、そうです...私は、開いているモーダルウィンドウと、設定されている場合、ブーストラップのモーダルウィンドウをESCキーにバインドします。私はモーダルを閉じるためにESCキーが必要なので、私はそれを有効にしました..しかし、私はESCのキーイベントをキャッチする必要があり、イベントの伝播をストップしなければならないケースがあります。そして、私はそれを行う方法を尋ねています..タグとして、角2のためにAngular2とBoostrap 4を使っています。申し訳ありません。私はそれを記述するためにメインポストを更新しました... – Armando

はあなただけ入れてそうacheiveすることができ、余分なコードは必要ありません... ..ので、任意のアイデアをいただければ幸い、このコードは動作していないと私は何をすべきかを把握しようとしていますモーダルdivの属性はtabindex='-1'です。あなたのモーダルディビジョンは、次のようになります。

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

出典

2017-12-13 09:56:50

アングル2ブートストラップ4 Escキーイベントキャンセル

答えて

関連する問題