javascriptポップアップウィンドウでESC keydownを処理する方法

Question

javascript window.openポップアップがあり、ユーザーがESCキーを押したときにポップアップを閉じるようにします。どのようにkeydownイベント（そしてどのオブジェクトにフックするか）を把握することができないので、ESCキーを捕まえることができます。

私はjQueryを使用しています。

Answer 1

このような何かを試してみてください：

$(document).keydown(function(e) { 
    // ESCAPE key pressed 
    if (e.keyCode == 27) { 
     window.close(); 
    } 
}); 

Answer 2

を使用すると、ポップアップ・ウィンドウに機能@Gumbo postedを使用しなければならないことに注意してください...だから、ポップアップでのjQueryを含めると、そこに機能しませ実行する必要があります。ポップアップを開くウィンドウ。

Answer 3

バインドkey eventsを簡単に実現するには、Jqueryを使用します。

ここでは、jQueryのを使用しないJSで達成することが可能です.keydown()

List of keyboard keys codes

$(document).keydown(function(e) {   
    if (e.keyCode == 27) { 
     window.close(); 
    } 
}); 

Answer 4

を使用することができます。

window.onkeydown = function(event) { 
    if (event.keyCode == 27) { 
     console.log('escape pressed'); 
    } 
}; 

Answer 5

@Gumboの答えは良いのですが、多くの場合、あなたは私がoneイベントハンドラを使用することをお勧めしてこの動作を外しする必要があります。

$(document).one('keydown', function(e) { 
    // ESCAPE key pressed 
    if (e.keyCode == 27) { 
     window.close(); 
    } 
}); 

OR

$(document).on('keydown', function(e) { 
    // ESCAPE key pressed 
    if (e.keyCode == 27) { 
     window.close(); 
    } 
}); 

と準備行動を停止する

$(document).off('keydown'); 

Answer 6

event.key ===「エスケープ」

これ以上の任意のコードはありません！

document.addEventListener('keydown', function(event) { 
    const key = event.key; // const {key} = event; in ES6+ 
    if (key === "Escape") { 
     window.close(); 
    } 
}); 

Mozilla Docs

Supported Browsers