2 cr4blm123 cr4blm123 于 2016.01.14 13:45 提问

手机网页,js或jquery判断用户手指擦过的方向

近期上班这要做一个手机网站,页面什么的都没问题,现在面临一个大问题。
用户的网站,列表页,有个管理的功能,类似于微信,在那条数据上,手指向左擦拭,显示删除按钮,向右擦拭,显示修改按钮。
想请教下前辈们,怎么用js或者jquery判断手指擦拭的方向。

7个回答

BlackStar120
BlackStar120   2016.01.15 11:48
已采纳

js(导入jquery-mobile)

 $(document).on("pagecreate", "#page", function () {
    $(document).on("swipeleft swiperight", "#page", function (e) {
        if ($(".ui-page-active").jqmData("panel") !== "open") {
            if (e.type === "swiperight") {
                alert("向右滑动");
            } else if (e.type === "swipeleft") {
                alert("向左滑动");
            }
        }
    });
});
CSDNXIAON
CSDNXIAON   2016.01.14 13:46

用js 或者是jquery 判断 用户是什么浏览器的方法
学习--jquery 记录 使用js判断滚轮滚动方向
----------------------同志你好,我是CSDN问答机器人小N,奉组织之命为你提供参考答案,编程尚未成功,同志仍需努力!

91program
91program   Ds   Rxr 2016.01.14 14:15

这个应该是用手机系统的手势,还不是 JS 或 Query。因为 JS 或 Query 本身并没有对手势的支持!

showbo
showbo   Ds   Rxr 2016.01.14 16:57

添加touchStart和touchEnd/touchMove事件,判断下event.changedTouches[0].pageX就可以知道方向了

http://aresli.com/finger-direction.html

enpterexpress
enpterexpress   2016.01.14 17:04

添加touchStart和touchEnd/touchMove事件
判断下event.changedTouches[0].pageX就可以知道方向了
正解

BlackStar120
BlackStar120   2016.01.15 11:50

html

  <div data-role="page" id="page" data-url="page">
        ...
    </div>
sinat_15114467
sinat_15114467   2016.01.20 20:34

这不是jquery了 ,。。。。这还得区分andriod和IOS,忒麻烦

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!