JSFiddle - React, Tailwind, and code Playground

HTML

<input type=text id=testInput>

JavaScript

document.getElementById("testInput").addEventListener('compositionstart', function() {
    console.log("compositionstart");
});
document.getElementById("testInput").addEventListener('compositionend', function() {
    console.log("compositionend");
});
document.getElementById("testInput").addEventListener('compositionupdate', function() {
    console.log("compositionupdate");
});
document.getElementById("testInput").onkeydown = function(e) {
    console.log("keydown: " + e.key + ", isComposing: " + e.isComposing);
};
document.getElementById("testInput").onkeyup = function(e) {
    console.log("keyup: " + e.key + ", isComposing: " + e.isComposing);
};