マウス表示移動

マウスを動かしてください。

scliptの中でdocument.EventListen();を行います。

<script>
    document.addEventListener("mousemove",function(event){
    let x=event.clientX;
    let y=event.clientY;
    let elm=document.getElementById('position');
    elm.innerText="x="+x+"][y="+y;
    elm.style.position="absolute";
    elm.style.top=y+"px";
    elm.style.left=x+"px";
    });
</script>

mousemoveをcrickに変えるとクリックしたときのみ表示が変わります。

clientXブラウザの左上を基準とした X 座標。
offsetX要素の左上を基準とした X 座標。
pageXページの左上を基準とした X 座標。
screenXデバイスの左上を基準とした X 座標。