特定のキーがキーボードでリリースされたかどうかを確認するにはどうすればよいですか？

Question

JavaScriptからエスケープキーが押されたかどうかをチェックしたいと思います。私はMozillaの上に行ったときしかし、それは.keyCode 'の代わりに「.KEY」使用を推奨されていると言う

document.addEventListener('keyup', function(event) { 
    //returns a number for key 
    console.log(event.keyCode); 
}); 

：彼らは道私が見てきた

はこれです。私はどちらが、私はこれにコードを変更する場合：

document.addEventListener('keyup', function(event) { 
    //returns a number for key 
    console.log(event.key); 
}); 

それはそれは未定義 "コンソールの中で述べて動作しないでしょう。なぜどんなアイデア？

また、初心者ではわかりにくいので、Mozillaは最適な場所です。ありがとう

Answer 1

documentにリスナーを追加するときは、それをwindowに追加する必要があります。例：

window.addEventListener('keyup', function(ev) { 
    console.log(ev.key); 
}); 

Answer 2

イベントリスナーをウィンドウに添付する必要があります。これはブラウザによって異なるかもしれませんが、それは私のために働いた。

window.addEventListener("keyup", function (event) { 
 
    
 
     if(event.key === "Escape"){ 
 
     console.log("Escape was released."); 
 
     } 
 
    
 
     // Consume the event for suppressing "double action". 
 
     event.preventDefault(); 
 
    }, true);

Try it on CodePen!