JSFiddle - React, Tailwind, and code Playground

HTML

<div id="test"></div>

CSS

#test
{
  border:1px dashed black;
height:400px;
}
.closed 
{
    background-color:red;
    cursor: url("http://mail.google.com/mail/images/2/closedhand.cur");
}

JavaScript

$('#test').mousedown(function() {
   $(this).addClass('closed'); 
   }).mouseup(function() {
    $(this).removeClass('closed');  
});