3

iOS の jQuery タッチ イベントに問題があります。

これが私がやったことです：

$(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 のデフォルト ブラウザを使用して非常にうまく機能します。Safari を使用して iOS で試してみると、動作しません。

誰かが助けることができますか？

4

1 に答える 1

3

touchcanceliPad の Mobile Safari でイベントを見ていません。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);
于 2013-02-21T01:46:12.837 に答える