JSFiddle - React, Tailwind, and code Playground

by Dream Mkker

HTML

X:  <span id="x"></span>
<br/>
Y:  <span id="y"></span>
<div></div>

CSS

div {
  position: absolute;
  border-radius:99em;
  background-color: red;
  width: 20px;
  height: 20px;
}

JavaScript

$(document).mousemove(function(e){
		$("#x").text(e.pageX);
    $("#y").text(e.pageY);
		if (e.pageX == 0 || e.pageY == 0) {
    	$("div").css("display", "none");
    } else {
    	$("div").css({"left" : e.pageX + 10, "top": e.pageY + 20});
    }
});