JSFiddle - React, Tailwind, and code Playground

HTML

<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 keypress input id: <span id="idlast"></span><br>
for keypress in input:<span id="valid"></span><br>
for keypress out:<span id="out"></span><br>
for keydown:<span id="down"></span><br>

JavaScript

$(document).keypress(
    function(event){
        if(event.target!='[object HTMLBodyElement]'){
		document.getElementById('valid').innerHTML=document.getElementById('valid').innerHTML+event.keyCode+' ';
document.getElementById('idlast').innerHTML=event.target.id;            
        }else{
		document.getElementById('out').innerHTML=document.getElementById('out').innerHTML+event.keyCode+' ';
	}
    }
);

$(document).keydown(function(e){document.getElementById('down').innerHTML=document.getElementById('down').innerHTML+e.keyCode+' ';});