JSFiddle - React, Tailwind, and code Playground

by Tyriar

HTML

<input id="the-input"></input>

JavaScript

document.getElementById("the-input").oninput = logEvent;
document.getElementById("the-input").onchange = logEvent;
document.getElementById("the-input").onkeydown = logEvent;
document.getElementById("the-input").onkeypress = logEvent;
document.getElementById("the-input").onkeyup = logEvent;
document.getElementById("the-input").onpaste = logEvent;

function logEvent(e) {
    console.log(e.type +
                "\n    this.value = '" + this.value + "'" +
                (e.keyCode ? "\n    e.keyCode  = '" + e.keyCode + "'" : "") +
                (e.keyCode ? "\n    char       = '" + String.fromCharCode(e.keyCode) + "'" : ""));
    console.log(e);
}