JSFiddle - React, Tailwind, and code Playground

by radu

HTML

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

CSS

#test
{
  cursor: url(http://mail.google.com/mail/images/2/openhand.cur),default!important;
  height:100%;
  background-color:blue;
}
.closed 
{
    cursor: url(http://mail.google.com/mail/images/2/closedhand.cur),default!important;
}

JavaScript

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