移动设备比较好事件处理方式

event.changedTouches[0]:

如果是jquery的event对象,使用event.originalEvent.changedTouches[0]

 

 

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

你可能感兴趣的:(事件)