Skip to main content
Inspiring
May 17, 2021 8:54 PM UTC
Question

Mobile and desktop drag and drop

This Canvas project works beautifully on the desktop, but I need to enable a user to drag and drop the bar on a tablet or mobile device as well. I've seen several related posts, but none of those suggestions are working for me. I have made several substitutions for "pressmove" such as touchstart, touchmove, but doing so breaks the desktop function before I've had a chance to test on tablets.

 

var startDrag = startDragF.bind(this);

this.Bar.addEventListener("pressmove", startDrag);

function startDragF(e){

var p = stage.globalToLocal(e.stageX, e.stageY);

e.currentTarget.y = p.y;

};

 

 

This topic is closed to new replies. Start a new post to keep the conversation going.

2 replies

Inspiring
Jun 24, 2021 1:33 AM UTC

I just discovered this doesn't work on touch screen laptops. Just tablets and phones. What's different about laptops? And of course, what's the solution?

Translate
Inspiring
May 18, 2021 12:53 PM UTC

Wow, that was easy (after you gave me the code that is). Thank you.

Translate