<div onmousemove="myFunction(event)" onmouseout="clear()"></div>
    <p id="show"></p>
        div{
            width: 250px;
            height: 250px;
            border: 4px solid #a04040;

        }
        function myFunction(e) {
            let cleintX = e.clientX;
            let clientY = e.clientY;
            let pageX = e.pageX;
            let pageY = e.pageY;
            let screenX = e.screenX;
            let screenY = e.screenY;
            let show = document.getElementById("show");
            show.innerHTML = "clientX: " + cleintX + "<br>" + "clientY: " + clientY + "<br>" +
                "pageX: " + pageX + "<br>" + "pageY: " + pageY + "<br>" +
                "screenX: " + screenX + "<br>" + "screeny: " + screenX;
        }

        function clear() {
            document.getElementById("show").innerHTML = "";
        }
        
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.