JSFiddle - React, Tailwind, and code Playground

HTML

<div style="display:inline-block; position:relative;">
<input id="disabled" type="button" value="clk" disabled>
 <div style="position:absolute; left:0; right:0; top:0; bottom:0;"></div>
</div>

JavaScript

/*
$(document).on('click',function(e){
 if(e.target.id == "disabled" && e.target.disabled){
   alert("The textbox is clicked.");
}
});
*/

$("div > div").click(function (evt) {
    $(this).hide().prev("input[disabled]").prop("disabled", false).focus();  
});