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 = "";

    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);;

function init()
   document.addEventListener("touchstart", touchHandler, true);
   document.addEventListener("touchmove", touchHandler, true);
   document.addEventListener("touchend", touchHandler, true);
   document.addEventListener("touchcancel", touchHandler, true);    

Initial URL

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

Initial Language