Question

184

HTML Drag And Drop On Mobile Devices

rated 0 times [ 187] [ 3] / answers: 1 / hits: 164856 / 14 Years ago, sat, july 3, 2010, 12:00:00

When you add drag and drop to a web page using JavaScript, such as jQuery UI draggable and droppable, how do you get this to work when viewed via a browser on a mobile device - where the touch-screen actions for dragging are intercepted by the phone for scrolling around the page etc?

All solutions welcome... my initial thoughts are:

Have a button for mobile devices that lifts the item to be dragged and then get them to click the zone they want to drop the item on.

Write an app that does this for mobile devices rather then try and get the web page to work on them!

Your suggestions and comments please.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

ryans

Add To Favorites

Follow

Total Points: 514

Total Questions: 92

Total Answers: 121

Location: Liberia

Member since Fri, Oct 22, 2021

3 Years ago

answered 14 Years ago neildrews · Accepted Answer

jQuery UI Touch Punch just solves it all.

It's a Touch Event Support for jQuery UI. Basically, it just wires touch event back to jQuery UI.
Tested on iPad, iPhone, Android and other touch-enabled mobile devices.
I used jQuery UI sortable and it works like a charm.

http://touchpunch.furf.com/