jQuery touch事件iOS不會工作

Question

我在iOS中遇到了jQuery touch事件問題。

這裏是我做了什麼：

$(document).ready(function(){ 
     var iX = 0,iY = 0,fX = 0,fY = 0; 

     document.addEventListener('touchstart', function(e) { 

      var touch = e.touches[0]; 
      iX = touch.pageX; 
      iY = touch.pageY; 

     }, false); 

     document.addEventListener('touchmove', function(e) { 

      var touch = e.touches[0]; 
      fX = touch.pageX; 
      fY = touch.pageY; 

     }, false); 

     document.addEventListener('touchcancel', function() { 

      var dX = fX - iX; 
      var dY = fY - iY; 

      var tg = dY/dX; 
      if(tg < 0) tg = -tg; 

      if(tg <= 0.5 && fX > iX) rightSwipe() 
      else if(tg <= 0.5 && fX < iX) leftSwipe() 

     }, false); 

     function rightSwipe(){ 
      $("#body").removeClass("bg2"); 
      $("#body").addClass("bg"); 
     } 

     function leftSwipe(){ 
      $("#body").removeClass("bg"); 
      $("#body").addClass("bg2"); 
     } 
}); 

當你觸摸你的手指到屏幕，這樣可以節省手指位置。 當您移動手指並釋放它時，它會保存最後一根手指的位置。 通過簡單的幾何圖形，它可以發現您滑動的方向。

此腳本在Android 4.1.2上使用Google Chrome和Android默認瀏覽器運行良好。 當我在iOS上使用Safari嘗試它時，它不起作用。

有人可以幫忙嗎？

Answer 1

我還沒有在iPad上的Mobile Safari上看到touchcancel事件。您是否嘗試過使用touchend？也許這：

function upHandler(event) { 

    var dX = fX - iX; 
    var dY = fY - iY; 

    var tg = dY/dX; 
    if (tg < 0) tg = -tg; 

    if (tg <= 0.5 && fX > iX) rightSwipe() 
    else if (tg <= 0.5 && fX < iX) leftSwipe() 
} 

document.addEventListener('touchcancel', upHandler, false); 
document.addEventListener('touchend', upHandler, false); 

如果你使用jQuery，您可以替換此：

document.addEventListener('touchcancel', upHandler, false); 
document.addEventListener('touchend', upHandler, false); 

有了：

$(document).on('touchcancel, touchend', upHandler);