文本輸入到沒有文本字段的網頁

Question

網頁能否檢測沒有文本輸入字段或文本輸入字段未聚焦的鍵盤輸入？

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; 
 
    } 
 
};