JSFiddle - React, Tailwind, and code Playground

HTML

<div class="colorida"></div>
<div class="cordenadas">Passe o mouse no quadrado acima.</div>

CSS

.colorida {
    width:200px;
    height:200px;
    background:linear-gradient(45deg, orange, red);
}

JavaScript

$('.colorida').on('mousemove', function (e) {
    var i = $(this),
        t = i.position()['top'],
        l = i.position()['left'],
        px = +e.pageX - l,
        py = +e.pageY - t;

    $('.cordenadas').html(px + ' - ' + py);
});