JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
  <input type="text" id="input"/>
  <div class="error">There is an error </div>
</div>
<button type="button" id="button">Click Me</button>
<div id="log">Logs</div>

JavaScript

$(function () {
   $("input,button").on("click focus blur mousedown mouseup", function (e) {
     $("#log").append($("<div/>").html(e.target.id + " " + e.type))
     if (this.id === "input" && e.type=="blur") {
        $(this).trigger("exit")
     }
   })
   $(".wrapper").on("exit", function () {
      $(this).find(".error").hide()
      $(this).find(".error").text("")
   })
})