學習記錄：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); 
        
         });