JSFiddle - React, Tailwind, and code Playground

by Academia

CSS

body{
    width:300px;
    height:300px;
    background-color: blue;
}

JavaScript

$("body").mousemove(function(event) {
    var radius = 10;
    var yourX = 40;
    var yourY = 10;
    
    var xDimenion = yourX > event.pageX ? yourX - event.pageX : event.pageX - yourX;
    var yDimenion = yourY > event.pageY ? yourY - event.pageY : event.pageY - yourY;
    if(Math.sqrt(xDimenion * xDimenion + yDimenion * yDimenion ) < radius){
        alert('ok');
        //do some stuff
    }
});