KeyboardEvent.keyCode veraltet. Was bedeutet das in der Praxis?

Darüber, dass alle keyCode, die, charCode und keyIdentifier sind veraltet :

charCode und keyIdentifier sind nicht-standard-Funktionen.

keyIdentifier entfernt von Chrom-54-und Opern-41.0

keyCode gibt 0 zurück, auf keypress-Ereignis mit normalen Zeichen auf FF.

Die key-Eigenschaft :

 readonly attribute DOMString key

Hält ein key-Attribut-Wert entsprechend der Taste, die gedrückt

Als der Zeitpunkt des Schreibens dieses Artikels, die key - Eigenschaft wird unterstützt von allen großen Browsern aus : Firefox 52, Chrom, 55, Safari 10.1, Opera 46. Außer Internet Explorer 11, die hat :
nicht-standard-Schlüssel-IDS und falsche Verhalten mit AltGraph. Mehr info

Wenn das wichtig ist und/oder die rückwärts-Kompatibilität ist, dann können Sie feature-Erkennung wie im folgenden code :

Beachten Sie, dass die keyWert unterscheidet sich von keyCode oder which Eigenschaften : es enthält den Namen des Schlüssels nicht seinen code. Wenn Ihr Programm benötigt Zeichen' - codes, dann können Sie Gebrauch machen von charCodeAt().
Für die einzelnen druckbaren Zeichen, die Sie verwenden können charCodeAt(), wenn Sie den Umgang mit Schlüsseln, deren Werte enthält mehrere Zeichen wie ArrowUp
die Chancen sind : prüfen Sie, Sondertasten und handeln entsprechend. So versuchen Sie, die Umsetzung einer Tabelle von Schlüssel-Werte und die entsprechenden
codes charCodeArr["ArrowUp"]=38, charCodeArr["Enter"]=13,charCodeArr[Escape]=27... und so weiter, werfen Sie bitte einen Blick auf Schlüssel-Werte und Ihre entsprechende codes

if(e.key!=undefined){
        var characterCode = charCodeArr[e.key] || e.key.charCodeAt(0);
    }else{
        /* As @Leonid suggeted   */
        var characterCode = e.which || e.charCode || e.keyCode || 0;
    }
        /* ... code making use of characterCode variable  */  

Werden können, die Sie möchten zu prüfen die Aufwärtskompatibilität ich.e der ältere, Eigenschaften, während Sie verfügbar sind, und nur bei gefallen wechseln Sie zu der neuen :

if(e.which || e.charCode || e.keyCode ){
        var characterCode = e.which || e.charCode || e.keyCode;
    }else if (e.key!=undefined){
        var characterCode = charCodeArr[e.key] || e.key.charCodeAt(0);
    }else{
        var characterCode = 0;
    }

Siehe auch : die KeyboardEvent.code Eigenschaft docs und einige weitere details in diesem Antwort.

MDN hat schon eine Lösung:

https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/keyCode

window.addEventListener("keydown", function (event) {
  if (event.defaultPrevented) {
    return; //Should do nothing if the default action has been cancelled
  }

  var handled = false;
  if (event.key !== undefined) {
    //Handle the event with KeyboardEvent.key and set handled true.
  } else if (event.keyIdentifier !== undefined) {
    //Handle the event with KeyboardEvent.keyIdentifier and set handled true.
  } else if (event.keyCode !== undefined) {
    //Handle the event with KeyboardEvent.keyCode and set handled true.
  }

  if (handled) {
    //Suppress "double action" if event handled
    event.preventDefault();
  }
}, true);