JSFiddle - React, Tailwind, and code Playground
CSS
div.check {
border-style:solid;
border-width:1px;
width:500px;
height:500px;
}
.k {
height:10px;
width:10px;
background:red;
position: absolute;
}
JavaScript
var oldX=0,oldY=0;
$(document).mousemove(function(e){
$('.movestatus').text('mouse moved');
var clientCoords = "( " + e.clientX + ", " + e.clientY + " )";
$(".chords").text(clientCoords);
//if(e.clientX-oldX>5||e.clientY-oldY>5)
//{
var ap = $("<div class='k'></div>");
ap.offset({ top: e.clientY, left: e.clientX });
$("body").append(ap);//}
oldX = e.clientX;
oldY = e.clientY;
});