1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39
| function touchHandler(event)
{
var touches = event.changedTouches,
first = touches[0],
type = "";
switch(event.type)
{
case "touchstart": type ="mousedown";break;
case "touchmove": type="mouseover"; 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 initmob() {
document.addEventListener("touchstart", touchHandler, true);
document.addEventListener("touchmove", touchHandler, true);
document.addEventListener("touchend", touchHandler, true);
document.addEventListener("touchcancel", touchHandler, true);
document.addEventListener("touchmove",touchmove,false);
document.addEventListener("touchmove",touchmove,false);
}
function touchmove(event){
var objt=event.target;
elem= document.elementFromPoint(event.clientX, event.clientY);
document.getElementById("log").innerHTML= objt.getAttribute('class');
document.getElementById("log2").innerHTML= objt.id;
if(objt.getAttribute('class')== "rondRouge"){
event.target.style.background='yellow';}
} |
Partager