JSFiddle - React, Tailwind, and code Playground

by Trifan Alexandru

HTML

<div id="clicky"></div>

CSS

#clicky {
    width: 200px;
    height: 200px;
    border: 1px solid;
}

JavaScript

function handler() {
    console.log(event);
    document.addEventListener('mouseup', mouseUp, false);
    document.addEventListener('mousemove', handlerMove, false);
}

function handlerMove() {
    console.log('moveee');
    event.preventDefault();


}

function mouseUp() {
    console.log(event);
    document.removeEventListener('mouseup', mouseUp, false);
    document.removeEventListener('mousemove', handlerMove, false);
}

function here() {
    document.getElementById('clicky').addEventListener('mousedown', handler, false);
}

here();