JSFiddle - React, Tailwind, and code Playground

by Joe Mottershaw

HTML

<div id="draggable"></div>

CSS

div {
    width: 70px;
    height: 70px;
    background-color: #f00;
    position: absolute;
}

JavaScript

var draggable = document.getElementById('draggable');
  draggable.addEventListener('touchmove', function(event) {
    var touch = event.targetTouches[0];
 
    // Place element where the finger is
    draggable.style.left = touch.pageX-25 + 'px';
    draggable.style.top = touch.pageY-25 + 'px';
    event.preventDefault();
  }, false);