JSFiddle - React, Tailwind, and code Playground

HTML

<div id="example"></div>

CSS

div { width:100px; height:100px; background-color:#000; margin:10px }

JavaScript

var down = false;
$(document).mousedown(function() {
    down = true;
}).mouseup(function() {
    down = false;  
});
$("#example").mouseout(function() {
    if(down) {
        console.log("down");  
    } 
    else {
        console.log("up");   
    }
});