Advanced Search

Return to Snippet

Revision: 62923
at March 23, 2013 05:42 by bitsculptor
Initial Code 
function touchHandler(event)
{
 var touches = event.changedTouches,
    first = touches[0],
    type = "";

     switch(event.type)
{
    case "touchstart": type = "mousedown"; break;
    case "touchmove":  type="mousemove"; break;        
    case "touchend":   type="mouseup"; break;
    default: return;
}
var simulatedEvent = document.createEvent("MouseEvent");
simulatedEvent.initMouseEvent(type, true, true, window, 1,
                          first.screenX, first.screenY,
                          first.clientX, first.clientY, false,
                          false, false, false, 0/*left*/, null);

first.target.dispatchEvent(simulatedEvent);
event.preventDefault();
}

function init()
{
   document.addEventListener("touchstart", touchHandler, true);
   document.addEventListener("touchmove", touchHandler, true);
   document.addEventListener("touchend", touchHandler, true);
   document.addEventListener("touchcancel", touchHandler, true);    
}
Initial URL 
http://stackoverflow.com/questions/5186441/javascript-drag-and-drop-for-touch-devices
Initial Description 
Add the init() function to your document.ready call. This allows touch events to be handled like click events.
Initial Title 
Javascript touch events from click
Initial Tags 
ios
Initial Language 
jQuery