JSFiddle - React, Tailwind, and code Playground

by techiedelight

HTML

<div id="container"></div>

CSS

div {
  width: 500px;
  height: 300px;
  border: 5px solid grey;
}

JavaScript

$(document).click(function() {
  var obj = $("#container");
  if (!obj.is(event.target) && !obj.has(event.target).length) {
    alert("Outside click detected!");
  } else {
    alert("Inside click detected!");
  }
});