JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Onsubmit event silently killed by onchange</h1>

<form method="POST" action="/echo/html/" id="someform">
    <input type="text" name="input1" id="someinput" value="change me" size="10" />
    <div id="somediv" style="display: none;">
        <p>the text field change event was triggered</p>
    </div>
    <input type="submit" />
</form>

JavaScript

document.getElementById('someinput').onblur = function () {
    //some delay - DOM operations, AJAX or alert:
    document.getElementById('somediv').style.display = 'block';
    //alert('123');
};

document.getElementById('someform').onsubmit = function () {
    alert('This event is not called when onChange event occurs...');
};