JSFiddle - React, Tailwind, and code Playground
HTML
<div class="n-1"></div>
<div class="n-2"></div>
<div class="n-3"></div>
<div class="n-4"></div>
<div class="n-5"></div>
CSS
div {
width: 20px;
height: 20px;
background: #222;
float: left;
margin: 5px;
}
JavaScript
var storage = [];
$(document).on("mouseenter mousedown mouseup", function( e ) {
storage.push( e.type );
if ( storage[0] == "mouseenter" && storage[1] == "mouseup" ) {
console.log( e.target );
}
if ( e.type == "mouseup" ) {
storage = [];
}
});