touch事件学习

时间:2023-03-08 20:18:06
touch事件学习
    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();
}