JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Delegated Blur Test</h1>
<input class="delegated"><br />
<input class="bind"><br />
<br />
<button>trigger blur</button>

JavaScript

$(document).ready(function() {
    $(document).on('blur', 'input.delegated', function() {
        alert('Blur triggered (delegated event)');
    });

    $('input.bind').on('blur', function() {
        alert('Blur triggered (direkt bound event)');
    });

    $('button').click(function() {
        $('input').blur();
    });
});