JSFiddle - React, Tailwind, and code Playground

by Bartosz Zieliński

HTML

<textarea width="200px" height="200px" id="dupa"></textarea>
<textarea width="200px" height="600px" style="width:200px;height:400px" id="dbg"></textarea>

JavaScript

var text = document.getElementById("dupa");
var dbg = document.getElementById("dbg");
text.addEventListener("compositionstart",function (event) {
	dbg.value="Start:" + event.data;
})
text.addEventListener("compositionend",function (event) {
	dbg.value+="\nend:" + event.data;
})
text.addEventListener("compositionupdate",function (event) {
	dbg.value+="\nupdate:" + event.data;
})
text.addEventListener("input",function (event) {
	dbg.value +="\n[input]";
})