Skip to main content
Inspiring
May 17, 2021
Question

Mobile and desktop drag and drop

  • May 17, 2021
  • 2 replies
  • 408 views

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 has been closed for replies.

2 replies

Inspiring
June 24, 2021

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?

Inspiring
May 18, 2021

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