JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<input id="a" type="text"></input>
<textarea id="b">a</textarea>
<div id="c" contenteditable="true">a</div>
<div id="d" style="width:200px;height:200px;background-color:red">a</div>
last keydown in: <span id="idlast"></span><br>
for keypress in input:<span id="valid"></span><br>

JavaScript

$(document).keydown(
    function(event){
        if(event.target!='[object HTMLBodyElement]'){//Are we in an input?
            if(!event.ctrlKey && !event.altKey){//Are we using a combo ctrl or alt?
                if(event.keyCode==13 || event.keyCode==8 || event.keyCode==32 || (event.keyCode>45 && event.keyCode<91) || event.keyCode==188 || (event.keyCode>189 && event.keyCode<193) || (event.keyCode>218 && event.keyCode<222)){
                    //It is a char?
                    document.getElementById('valid').innerHTML+=event.keyCode+' ';
                    document.getElementById('idlast').innerHTML=event.target.id; 
                }
            }
        }
    }
);