JSFiddle - React, Tailwind, and code Playground

by Darby Rathbone

HTML

<input type="text" id='input1'></input>
<input type="text" id='input2'></input>

JavaScript

var input1 = document.getElementById('input1');
var input2 = document.getElementById('input2');
['keydown', 'input', 'keypressed', 'keyup'].forEach(function (event) {
    input1.addEventListener(event, function (e) {
        var newevent = new Event(e.name);
        Object.keys(e).filter(function (f) {
            return !newevent.hasOwnProperty(f);
        }).forEach(function (f) {
            newevent[f] = e[f];
        });
        input2.dispatchEvent(newevent);
    });
    e.preventDefault();
});