JSFiddle - React, Tailwind, and code Playground

by Kevin Faulhaber

HTML

<div class="circle">
    
</div>

CSS

div {
    width: 200px;
    height: 200px;
    background-color: red;
}

JavaScript

$('.circle').on('mousedown',function () {
    console.log('mousedone');
    $(document).on('mousemove', function (e) {
        console.log(e.pageY);
        $('.circle').offset({
            left: e.pageX,
            top: e.pageY
        });
    });
});

$('.circle').on('mouseup', function () {
    console.log('up');
});

var p = $('.square').position();
console.log(p.left);