JSFiddle - React, Tailwind, and code Playground

HTML

<form id='form' action="#">
    <input type='text'></input>
    <input type='text'></input>
    <input type='text'></input>
    <input type='submit' value='add' />
</form>

CSS

#cont {
    width: 150px;
    background-color: yellow;
    padding: 5px;
}

JavaScript

$('input[type="text"]').blur(function () {
    console.log('text blurred');
})

$('#form').submit(test);

function test(e) {
    $('input[type="text"]').off('blur', function () {
        console.log('text blurred')
    });
    console.log('submit pressed blurred');
    e.stopPropagation();
}