JSFiddle - React, Tailwind, and code Playground
HTML
<div class="boundary"></div>
CSS
.boundary {
width: 100px;
height: 100px;
background: silver;
}
JavaScript
$(document).ready(
function () {
var state = {flag: false};
$('.boundary').mousedown(function () {
state.flag = true;
console.log(state);
});
$('.boundary').mouseup(function () {
state.flag = false;
console.log(state);
});
}
)