JSFiddle - React, Tailwind, and code Playground

by tonyleeper

HTML

<p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p>

JavaScript

/** 
    pageX vs clientX vs screenX
*/

document.addEventListener("mousemove", function (event) {
    console.clear();
    console.log("pageX: " + event.pageX + "; pageY: " + event.pageY);    
    console.log("clientX: " + event.clientX + "; clientY: " + event.clientX);
    console.log("screenX: " + event.screenX + "; screenY: " + event.screenY);
});