JSFiddle - React, Tailwind, and code Playground

by HikariNoSekai

HTML

<div class="box">
    <div class="mini">
    
    </div>
</div>

CSS

body {
  width:100%;
  height:600px;
  background-color:#f1f1f1;
}
.box {
  width:400px;
  height:400px;
  background-color:coral;
}
.mini {
  width:100px;
  height:100px;
  background-color:green;
}

JavaScript

let fn = null;
document.querySelector(".box").addEventListener("mousemove", function(e) {
		elPos(e);
})


function elPos(e) {
	console.log('Target: ', e.target);
	console.log(`Target [x,y]: [${e.clientX}, ${e.clientY}]`);
}