JSFiddle - React, Tailwind, and code Playground
HTML
<div class="withselector">
<form class="edit-withselector">
<input class="edit-title" type="text" value="dolor" />
<input class="edit-description" type="text" value="ipsum" />
<input class="edit-leaders" type="text" value="lorem" />
</form>
</div>
<div class="withoutselector">
<form class="edit-withoutselector">
<input class="edit-title" type="text" value="dolor" />
<input class="edit-description" type="text" value="ipsum" />
<input class="edit-leaders" type="text" value="lorem" />
</form>
</div>
CSS
.edit-withselector {
background: red;
padding: 10px;
}
.edit-withoutselector {
background: blue;
padding: 10px;
}
JavaScript
$('.withselector').on('blur', '.edit-withselector', function(event) {
console.log('with blur');
});
$('.edit-withoutselector').on('blur', function(event) {
console.log('without blur');
});