pointerdown { target: p, buttons: 1, clientX: 192, clientY: 786, layerX: 192, layerY: 927 }
pointerdown { target: div.song-group, buttons: 1, clientX: 192, clientY: 786, layerX: 192, layerY: 927 }
group.addEventListener("pointerdown", function(e) { e.stopPropagation(); if (!window.dragging) { startDragX = e.pageX startDragY = e.pageY document.body.focus() this.addEventListener("dragover", function(e) { e = e || window.event var dragX = e.pageX, dragY = e.pageY; let diffX = dragX - startDragX let diffY = dragY - startDragY this.style.transform = 'translate(' + diffX + 'px, ' + diffY + 'px)' }, false) } window.dragging = e }, false) group.addEventListener("pointerup", function(e) { e.stopPropagation(); window.dragging = null }) group.addEventListener("mouseover", function(e) { this.addEventListener("mouseup", function(e) { if (window.dragging && e !== window.dragging) { console.log("woohoo") } }) })
