JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Chrome triggers "change" event on .blur()</h1>

<form id="myform">
    <div>
        <label for="test">Textfield: </label>
        <input id="test" type="text" value="" placeholder="Enter any value and hit Enter"/>
    </div>
</form>

CSS

h1 {font-size: 18px; margin-bottom: 1em; }
input {width: 20em; }

JavaScript

document.getElementById("myform").onsubmit = function(){ return false; };

document.getElementById("test").onchange = function(e){

    console.log('change event triggered');
    e.target.blur();

};