JSFiddle - React, Tailwind, and code Playground

by James Allardice

HTML

<input id="example">

<div id="output"></div>

JavaScript

function handler(e) {
    if (e.keyCode === 8) {
        alert("Backspace!");
    }
}

var elem = document.getElementById("example");
elem.addEventListener("keydown", function (e) {
    this.keydownFired = true;
    handler.call(this, e);
}, false)
elem.addEventListener("input", function (e) {
    if (!this.keydownFired) {
        e.keyCode = 8;
        handler.call(this, e);            
    }
    delete this.keydownFired;
}, false);