title: Are "KeyboardEvent.key" values consistent cross-browsers?
body: <p>I'm building this component and I'm relying on <code>event.key</code> values in the <code>onKeyDown</code> handler to allow / disallow some inputs.</p>
  
  <p><strong>DOCS:</strong></p>
  
  <p><a href="https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key/Key_Values" rel="nofollow noreferrer">https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key/Key_Values</a></p>
  
  <pre><code>const ALLOWED_KEYS = [
    "Ctrl", "Meta", "Shift","Home", "End", 
    "Backspace", "Delete", 
    "ArrowLeft", "ArrowRight", "Tab"
  ];
  
  // ....
  
  function onKeyDown(event) {
    if (ALLOWED_KEYS.indexOf(event.key) &gt;= 0) {
      console.log("Allowed...");
    }
    else {
      event.preventDefault();
      console.log("NOT allowed...");
    }
  }
  </code></pre>
  
  <p>Are those names consistent across browsers? Can I be sure that <code>ArrowRight</code> will be <code>ArrowRight</code> on Chrome, Edge, Firefox, Safari, etc? Or should I use some kind of <code>key</code> code value?</p>