JSFiddle - React, Tailwind, and code Playground

by tabalinas

HTML

<input id="it" type="text">

JavaScript

var shit = false;

$("input").on("keypress",function(e) {
    if(shit)
        return;
    e.preventDefault()
            var keyboardEvent = document.createEvent("KeyboardEvent");
            var initMethod = typeof keyboardEvent.initKeyboardEvent !== 'undefined' ? "initKeyboardEvent" : "initKeyEvent";

            var keyCode = e.which;
shit = true;
            keyboardEvent[initMethod](
                               "keydown", // event type : keydown, keyup, keypress
                                true, // bubbles
                                true, // cancelable
                                window, // viewArg: should be window
                                false, // ctrlKeyArg
                                false, // altKeyArg
                                false, // shiftKeyArg
                                false, // metaKeyArg
                                keyCode, // keyCodeArg : unsigned long the virtual key code, else 0
                                keyCode // charCodeArgs : unsigned long the Unicode character associated with the depressed key, else 0
            );
            document.getElementById('it').focus()
            document.dispatchEvent(keyboardEvent);
    shit = false;
    $("input").val($("input").val() + "1");
}).get(0).onchange = function(e) {console.log(e)};