JSFiddle - React, Tailwind, and code Playground
HTML
<p>Steps: Click in the input box below to set focus. Then attempt to click on the "Add item" link. Notice that the "add" alert is not shown.</p>
<div id="items" style="margin-top:1em"><input type="text"/></div>
<div style="margin-top:1em"><a href="#" id="addItem">Add item</a></div>
<div id="msgs"></div>
JavaScript
function log(msg) {
$('#msgs').append('<br>').append('' + msg);
}
function onBlur() {
log('blur');
}
function addItem() {
log('add');
}
$(document).ready(function() {
$('#items').delegate('input','blur', onBlur);
$('#addItem').click(addItem);
});