HTML5 Touch Dragging: Using Touch Punch

Looking a quick easy method to add dragging to your application or website? Well, if so, try Touch Punch. While looking for how to do touch dragging on mobile devices for a project I’ve been working on, I ran across Touch Punch. Touch Punch is  jQuery framework that allows developers easily to add touch dragging. One advantage of using Touch Punch, besides that it works, is that it works on desktop browsers, which is great for testing or if you are making a mobile and a desktop version.


Getting Started
To get started, all you have to do is download the source files that are posted on the website listed on the bottom. Second, include the files to the page you want to add the dragging to. The last step is to add the code below. It is that simple!


$(function() {
$( “#divtodrag” ).draggable();


HTML5 Dragging Screenshot

More Information and Download