JSFiddle - React, Tailwind, and code Playground

by Alexander Shpak

HTML

<textarea id='output' cols='32' rows='32' readonly=True></textarea>

JavaScript

'use strict';


var text_input = document.getElementById('output');

document.addEventListener('keydown', (e) => {
  var key_info = 'key       ' + e.key + '\n';
  key_info += 'code      ' + e.code + '\n';
  key_info += 'keyCode   ' + e.keyCode + '\n';
  key_info += 'which     ' + e.which + '\n';
  key_info += 'bubbles   ' + e.bubbles + '\n';
  key_info += 'char      ' + e.char + '\n';
  key_info += 'charCode  ' + e.charCode + '\n';
  key_info += 'location  ' + e.location + '\n';
  key_info += 'locale    ' + e.locale + '\n';
  key_info += '+ctrlKey  ' + e.ctrlKey + '\n';
  key_info += '+shiftKey ' + e.shiftKey + '\n';
  key_info += '+altKey   ' + e.altKey + '\n';
  key_info += '+metaKey  ' + e.metaKey + '\n';
  text_input.value = key_info + '\n-------------------\n' + text_input.value;
});