JSFiddle - React, Tailwind, and code Playground

HTML

<div id="body">hello</div>

CSS

div { padding: 25px;border:2px solid blue; margin:25px;}

JavaScript

var isMouseLeave, isMouseDown;
var body = document.getElementById("body")
  
body.onmouseout = function(){
  console.log("Mouse Out!");
  isMouseLeave = true;
  verifyMouseLeave();
}

body.onmousedown = function(){
  console.log("Mouse Down!");
  isMouseDown = true;
}

function verifyMouseLeave(el){
	if(isMouseLeave == true && isMouseDown == true){
  	console.log("Show Pop Up")
		isMouseOver = false;
		isMouseDown = false;
  }
}