jQuery触摸事件在ios中无效 -问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

jQuery触摸事件在ios中无效

2016-03-24 12:04:25 2883 1

在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");
        }
});

这个代码实现的功能是记录手指触摸方向,在android4.1.2中chrome浏览器运行正常,但是在ios中用safari就不运行了。

取消 提交回答
全部回答(1)
  • 爵霸
    2019-07-17 19:12:34

    我没有在ipad的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);
    0 0
相关问答

1

回答

有没有JavaScript或者Jquery用Ajax想后台提交数组参数的更好方式

2016-07-12 16:16:23 1620浏览量 回答数 1

1

回答

jquery ajax缓存问题

2016-07-12 16:56:05 1710浏览量 回答数 1

1

回答

jquery的ajax,要求返回格式是json,在结果还没有返回时,刷新页面,就会进入error函数,请问有没有解决办法?

2016-07-13 10:29:57 1897浏览量 回答数 1

1

回答

jquery ajax 提交Struts2请求 action的namespace问题

2016-07-13 14:39:40 1766浏览量 回答数 1

1

回答

JQuery中$.ajax()方法,只能在document.ready里调用?不能在普通function里调用?

2016-07-13 14:50:35 3889浏览量 回答数 1

1

回答

JQuery ajax传递的参数是数组该如何弄呀,接收页如何去接收数组?

2016-07-13 15:38:22 1945浏览量 回答数 1

1

回答

kindeditor4.0版在jquery ajax下使用请教

2016-07-13 15:51:50 1484浏览量 回答数 1

1

回答

web前端都用API接口,jQuery的同步Ajax来请求数据;

2016-07-14 10:21:25 1794浏览量 回答数 1

1

回答

jquery ajax跨域提交能返回数据,但是出现错误

2016-07-14 11:34:07 3413浏览量 回答数 1

1

回答

关于jquery ajax返回的 net::ERR_CONNECTION_RESET错误怎么获取到

2016-07-14 14:10:19 9076浏览量 回答数 1
+关注
文章
问答
问答排行榜
最热
最新
相关课程
更多
相关电子书
更多
React-Native 在iOS上的性能优化方案
立即下载
深入剖析 iOS 性能优化
立即下载
移动 App 性能监测实践(iOS篇)
立即下载