HTML
CSS
JS
Edit on Codewith.it
<div id="oggettoMobile"></div>
#oggettoMobile { background-color:#ad2624; width:100px; height:100px; border-radius:50px; position:relative; cursor:pointer; }
var cursore; var offset = [0,0]; var ogg; var click = false; ogg = document.getElementById("oggettoMobile"); document.body.appendChild(ogg); ogg.addEventListener('mousedown', function(e) { click = true; offset = [ ogg.offsetLeft - e.clientX, ogg.offsetTop - e.clientY ]; }, true); document.addEventListener('mouseup', function() { click = false; }, true); document.addEventListener('mousemove', function(event) { event.preventDefault(); if (click) { cursore = { x : event.clientX, y : event.clientY }; ogg.style.left = (cursore.x + offset[0]) + 'px'; ogg.style.top = (cursore.y + offset[1]) + 'px'; } }, true);