首页 > 其他 > 详细

touch事件学习

时间:2015-06-04 19:11:30      阅读:280      评论:0      收藏:0      [点我收藏+]
    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();
    }

 

touch事件学习

原文:http://www.cnblogs.com/mitang/p/4552382.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!