JSFiddle - React, Tailwind, and code Playground

HTML

<div id="box">mbmnBNmnbbmn
    <img class="mover" src="http://dc106.4shared.com/doc/VjJnaBHK/preview_html_d4977f0.jpg" alt="sniper"/>
</div>

CSS

#box { height: 400px; width: 400px; border: 1px solid #000; cursor: none; }
img { width: 40px; height: 40px; display: block; position: absolute; }

JavaScript

$('#box').click(function(ev){
    $('img.mover')
    .removeClass('mover')
    .appendTo('body')
    .css('display', 'absolute')
    .css('left', ev.pageX-20)
    .css('top', ev.pageY-20);
 });


$("#box").mousemove(function(event) {
  $('img.mover').css('left',event.pageX-20);
  $('img.mover').css('top',event.pageY-20);
});