Texteingabe auf Webseite ohne Textfelder

Question

Kann eine Webseite eine Tastatureingabe ohne Texteingabefelder oder mit unbestimmten Texteingabefeldern erkennen?

Answer 1

fügen Sie dem Dokument einen Ereignis-Listener hinzu (führen Sie das Beispiel aus und klicken Sie darauf, um es zu aktivieren, andernfalls wird das Dokument nicht den Fokus haben, sondern auf einer Standalone-Seite und nicht auf einem eingebetteten Rahmen)

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

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

Answer 2

Sie können onkeydown Handler auf document hinzufügen möchten, müssen Sie nur auf das Fenster den Fokus haben.

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