学习记录：touch事件的坐标获取

时间 2019-11-12

标签学习记录 touch 事件坐标获取繁體版

原文原文链接

touch 事件获取坐标javascript

jq:java

 
         $( 
         '#id' 
         ).on( 
         'touchstart' 
         , 
         function 
         (e) { 
        
         var  
         _touch = e.originalEvent.targetTouches[0]; 
        
         var  
         _x= _touch.pageX; 
        
         }); 
        
         $( 
         '#id' 
         ).on( 
         'touchmove' 
         , 
         function 
         (e) { 
        
         var  
         _touch = e.originalEvent.targetTouches[0]; 
        
         var  
         _x= _touch.pageX; 
        
         }); 
        
         $( 
         '#id' 
         ).on( 
         'touchend' 
         , 
         function 
         (e) { 
        
         var  
         _touch = e.originalEvent.changedTouches[0]; 
        
         var  
         _x= _touch.pageX; 
        
         }

js:spa

 
         document.getElementById( 
         "id" 
         ).addEventListener( 
         "touchstart" 
         , 
         function 
         (e){ 
        
         var  
         _x=e.touches[0].pageX; 
        
         var  
         _y=e.touches[0].pageY; 
        
         console.log( 
         "start" 
         ,_x); 
        
         }); 
        
         document.getElementById( 
         "id" 
         ).addEventListener( 
         "touchmove" 
         , 
         function 
         (e){ 
        
         var  
         _x=e.touches[0].pageX; 
        
         var  
         _y=e.touches[0].pageY; 
        
         console.log( 
         "move" 
         ,_x); 
        
         }); 
        
         document.getElementById( 
         "id" 
         ).addEventListener( 
         "touchend" 
         , 
         function 
         (e){ 
        
         var  
         _x=e.changedTouches[0].pageX; 
        
         var  
         _y=e.changedTouches[0].pageY; 
        
         console.log( 
         "end" 
         ,_x); 
        
         });