JSFiddle - React, Tailwind, and code Playground

by Сергей Тарасевич

HTML

<body onkeydown="keyEvent(event)" onkeyup="metaKeyUp(event)">
    <div id="log"></div>

CSS

у

JavaScript

var metaChar = false;
var exampleKey = 16;

function keyEvent(event) {
  var key = event.keyCode || event.which;
  var keychar = String.fromCharCode(key);
  var $log = '';
  if (key == exampleKey) {
    metaChar = true;
  }
  if (key != exampleKey) {
    if (metaChar) {
      $log = "Combination of metaKey + " + keychar;
      metaChar = false;
    } else {
      $log =  "Key pressed " + key;
    }
  }
    $('#log').prepend($log + "<br>");
}

function metaKeyUp (event) {
  var key = event.keyCode || event.which;

  if (key == exampleKey) {
    metaChar = false;
  }
}