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.addEventListener("mouseup", function(event) {
  var obj = document.getElementById("container");
  if (!obj.contains(event.target)) {
    alert("Outside click detected!");
  } else {
    alert("Inside click detected!");
  }
});