JSFiddle - React, Tailwind, and code Playground

by theacadian

HTML

<html>
    <head>
        <script>
        function chcursor(ele) {
             ele.style.cursor = "crosshair";
         }

        function chback (ele) {
             ele.style.cursor = "default";
        }
        </script>
    </head>
    <body>
        <p id="firstspot" onmousedown="chcursor(this);"   onmouseup="chback(this);" onmouseout="chback(this);">
    sdfsfssf sdsfsfsf dssfsfsf sdsfsdfsf
        </p>
    </body>
</html>

CSS

#firstspot {
position:absolute;
width:145px;
height:145px;
margin-left:58px;
top:144px;
/*cursor:url(img/cur/hand-point-right.cur),wait;*/
    border: 1px solid;
}

#firstspot:active {
/*cursor:url(img/cur/hand-grab-right.cur),wait;*/
}

JavaScript

var enabled = false;