JSFiddle - React, Tailwind, and code Playground

by 규연 황

HTML

<button id="button">button</button>

CSS

html, body {
  height: 100%;
}

JavaScript

const el = document.querySelector('#button');

const handleClickOutside = event => {
	if(!el.contains(event.target)) {
	    console.log('click outside')
	  }
}

document.addEventListener('click', handleClickOutside)
/* el.addEventListener('click', function(event) {
  console.log(event);
}) */