JSFiddle - React, Tailwind, and code Playground

HTML

<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>

CSS

div {
    height: 100px;
    width: 100px;
    float: left;
}

JavaScript

$("body").keypress(function(){$("#div1").append("keypress<br />")});
$("body").keyup(function(){$("#div2").append("keyup<br/>")});
$("body").keydown(function(){$("#div3").append("keydown<br/>")});
// key press only works for alphabets, numbers and symbols without metakey
// keyup works for all keys on keyboard