JSFiddle - React, Tailwind, and code Playground

by Victor Alekseev

HTML

<style>
            div {
                height: 50px;
                width: 250px;
                background: red;
            }
        </style>
        <div>Просто DIV</div>
        <div>Просто DIV</div>

JavaScript

this.onmousedown = function (o, el) {
    return function () {
        o.moveX = window.event.clientX;
        o.moveY = window.event.clientY;
        o.elX = parseInt(el.style.left);
        o.elY = parseInt(el.style.top);
        o.move = 1;
    }
}(this, this.e);
this.onmouseup = function (o) {
    return function () {
        o.move = 0;
    }
}(this);
this.onmouseout = function (o) {
    return function () {
        o.move = 0;
    }
}(this);
this.onmousemove = function (o, el) {
    return function () {
        if (o.move == 1) {
            el.style.left = o.elX + (window.event.clientX || window.event.pageX) - o.moveX + 'px';
            el.style.top = o.elY + (window.event.clientY || window.event.pageY) - o.moveY + 'px';
        }
    }
}(this, this.e);