JSFiddle - React, Tailwind, and code Playground

HTML

<textarea cols="50" rows="5"></textarea>

<img class="cursor" src="http://placecage.com/20/20" />

CSS

.cursor {
    position: absolute;
    display: none;
    top: -10px;
    left: -10px;
}

JavaScript

jQuery(function($) {
    var currentMousePos = { x: -1, y: -1 };
    $(document).mousemove(function(event) {
        currentMousePos.x = event.pageX;
        currentMousePos.y = event.pageY;
        $('.cursor').hide();
    });

    $(document).keydown(function(e){
        $('.cursor').show().css({ top: currentMousePos.y + 'px', left: currentMousePos.x + 'px'});
    });
});