JSFiddle - React, Tailwind, and code Playground

HTML

<p>Write either &#96; or &#180; (acute or grave accent) followed by another key-entry. Check the console log output for better overview.
    <br />
    Quick overview:
    <ul>
        <li><b>The keypress event is never fired for any character if prefixed by accent on chrome.</b></li>
        <li><b>The keypress for accent does not seem to fire in any browser</b></li>
        <li><b>The keypress charcode returned on Firefox is 255</b></li>
   </ul>
</p>
<input type="text" onkeydown="logMe(event, 'down')" onkeypress="logMe(event, 'press')" onkeyup="logMe(event, 'up')">
<div id="catch" style="font-size: 8px;"></div>

JavaScript

function logMe(evt, type){
    var theEvent = evt || window.event;
    var key = theEvent.keyCode || theEvent.which;
    console.log(type + '::keyCode', key);
    console.log(type + '::char', String.fromCharCode( key ));
    var div = document.getElementById('catch');
    div.innerHTML = div.innerHTML +
        '<br />-------------------------<br />' +
        type + '::keyCode' + key + ', ' + type + '::char', String.fromCharCode( key );
}