<div>
  <label for="numero">Cordenada X:  </label><input type="text" id="cordenadaX">
    <label for="numero">Cordenada Y:  </label><input type="number" id="cordenadaY">
</div>
div{
  width:40%;
  display:grid;
  grid-template-columns: 1fr 30% 1fr 30%;
}
$(document).mousemove(punteroX);

function punteroX(e){
  $("#cordenadaX").val(e.clientX);
  $("#cordenadaY").val(e.clientY);

}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js