title: Mootools: numpad keyup and keydown events returns different key values on the same key
body: <p>Can anyone shed some light on why numpad keyup and keydown events return different key values?</p>
  
  <p>Consider this:</p>
  
  <pre><code>&lt;input type="text" /&gt;
  &lt;script&gt;
      document.getElement('input').addEvents({
      'keydown':function(e){
              console.log('keydown: code:' + e.code + ', key:' + e.key);
      },
      'keyup':function(e){
              console.log('keyup  : code:' + e.code + ', key:' + e.key + '\n');
          }
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>I was expecting each event to return the same key value for both keydown and keyup but instead, I got the output below (after pressing 0,1,2,8 and 9):</p>
  
  <blockquote>
    <p>keydown: code:96, key:0<br>
    keyup  : code:96, key:`  </p>
    
    <p>keydown: code:97, key:1<br>
    keyup  : code:97, key:a  </p>
    
    <p>keydown: code:98, key:2<br>
    keyup  : code:98, key:b  </p>
    
    <p>keydown: code:104, key:8<br>
    keyup  : code:104, key:h  </p>
    
    <p>keydown: code:105, key:9<br>
    keyup  : code:105, key:i  </p>
  </blockquote>
  
  <p>Normally I would use keypress, and as such, have never had any problems. I came across this when highlighting numpad representative buttons on the screen when the corresponding numpad key was pressed on the keyboard (highlight on down, and remove highlight on up).</p>
  
  <p>Any ideas?</p>