JSFiddle - React, Tailwind, and code Playground

HTML

<div class="outer">
    <div class="inner">
      <p>clickMe!</p>
    </div>
  </div>

CSS

.outer {
  width: 500px;
  height: 500px;
  background: blue;
}

.inner {
  text-align: center;
  margin: 0 auto;
  padding: 25px;
}

JavaScript

$(document).click(function(event) {
  if(!$(event.target).closest('.inner').length) {
    console.log('クリックされました。');
  }
});