window.onload = function(){
var touch = {
movetarget : false,
touchStart : function (e) {
console.log('touchestart');
t = e.touches[0];
console.log(t.clientX + ':' + t.clientY);
},
touchMove : function(e){ //touchstart
console.log(e.type);
this.movetarget = e;
t = e.touches[0];
console.log(t.clientX + ':' + t.clientY);
oElement = document.elementFromPoint(t.clientX, t.clientY);
console.log(oElement);
document.getElementById("info").innerHTML = e.type + t.clientX + ':' + t.clientY + ' ' + oElement.innerHTML;
},
touchEnd : function(e){ //touchstart
console.log(e.type);
console.log(e);
console.log(this.movetarget);
t = this.movetarget.touches[0];
console.log(t.clientX + ':' + t.clientY);
document.getElementById("info").innerHTML = e.type + t.clientX + ':' + t.clientY ;
},
init : function(){
var content = document.getElementById("content");
content.addEventListener('touchstart', this.touchStart, false);
content.addEventListener('touchend', this.touchEnd, false);
content.addEventListener('touchmove', this.touchMove, false);
}
}
touch.init();
}