soupel | Darflen

wip drag and drop code

ALSO 11 USERS??

        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")
                }
            })
        })

Comments

There are no comments here yet!

Come back later to see if someone commented something or create one!