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