JSFiddle - React, Tailwind, and code Playground

HTML

<div></div>
<p id="logs"></p>

CSS

body {
    height:120%;
    width:120%;
}
div {
    height:300px;
    width:300px;
    background-color:silver;
}

JavaScript

var mouseDowns = 0;
var mouseUps = 0;
$('body').on('mousedown', 'div', function () {
    $('#logs').prepend('<br/>mousedown' + mouseDowns++);
});
$('body').on('mouseup', 'div', function () {
    $('#logs').prepend('<br/>mouseup' + mouseUps++);
});