JSFiddle - React, Tailwind, and code Playground

by wirey00

HTML

<body>
    <div id="mainDiv">
    </div>
    
</body>

CSS

.mouseMoving{
    cursor: url("http://www.rw-designer.com/cursor-extern.php?id=51958"), default;
}
*{
    height:600px;
    width:600px;
    cursor: url("http://www.rw-designer.com/cursor-extern.php?id=51958"), default;
}
#mainDiv{
    background-color:red;
    height:100%;
    width:100%;    
}

JavaScript

var m_node = $("#mainDiv");
m_node
.mousedown(function(){
    m_node.addClass('buttonDown');
    return false;
})
.mouseup(function(){
    m_node.removeClass('buttonDown');   
    m_node.removeClass('mouseMoving');
    return false;
})
.mousemove(function(){
    if(m_node.hasClass('buttonDown')){
      m_node.addClass('mouseMoving');
    }
    return false;
});