JSFiddle - React, Tailwind, and code Playground

HTML

<div contenteditable="true">
 
</div>

<input>
<br>
<span id="keycode"></span><br>
<span id="textInput"></span>

CSS

div {
  width: 300px;
  height: 100px;
  border: 1px solid blue;
}

JavaScript

$('div, input').on('keyup', function (e) {
    $('#keycode').text('keyup=' + e.keyCode);
});

$('div').on('textInput', function (e) {
  $('#textInput').text('textInput=' + e.originalEvent.data + '.');
});