テキストフィールドなしのWebページへのテキスト入力

Question

Webページは、テキスト入力フィールドまたはテキスト入力フィールドがない状態でキーボード入力を検出できますか？

Answer 1

イベントリスナーを文書 に追加します（この例を実行してアクティブにします。そうでなければ、ドキュメントにはフォーカスがありません）。

document.addEventListener('keydown', keydownCallback, false); 
 

 
function keydownCallback(e) { 
 
    console.log(e.keyCode + ': "' + String.fromCharCode(e.keyCode) + '"'); 
 
}

Answer 2

あなたはdocumentにonkeydownハンドラを追加することができ、あなただけのウィンドウにフォーカスを持っている必要があります。

document.onkeydown = function(e) { 
 
    switch (e.keyCode) { 
 
     case 37: 
 
      console.log('left'); 
 
      break; 
 
     case 38: 
 
      console.log('up'); 
 
      break; 
 
     case 39: 
 
      console.log('right'); 
 
      break; 
 
     case 40: 
 
      console.log('down'); 
 
      break; 
 
    } 
 
};