如何用JS监控多种手势

这个问题我查过几个解决方案，一种是用jquerymoblie框架，但是仅支持左右滑动手势，另一种是一个Jquery插件，虽然可以监控多种手势，但是仅支持鼠标手势。那么问题... 这个问题我查过几个解决方案，一种是用jquery moblie框架，但是仅支持左右滑动手势，另一种是一个Jquery插件，虽然可以监控多种手势，但是仅支持鼠标手势。那么问题是:求触屏和鼠标都能用的手势监控。
知道答案的请至少给个参考链接... 展开

 我来答

2个回答

#热议# 不吃早饭真的会得胆结石吗？

cainiaokan
推荐于2017-11-26 · TA获得超过2917个赞

知道小有建树答主

回答量：651

采纳率：66%

帮助的人：613万

我也去答题访问个人页

关注

展开全部

鼠标的手势操作主要还是基于mousedown、mousemove、mouseup来实现。

触屏设备基于touchstart、touchmove、touchend来实现。

本身这两种设备就是不等同的。而且现实工作中。谁会搞一个既在PC浏览器上支持，又在触屏浏览器上支持的东西呢？因为我们的网站本来就是分为桌面版和触屏版。让用户自由选择好了，我们开发者区分对待。

更何况，二者的手势形势从根本上就是不同的。触屏设备支持多点触控，可以进行pinch（双指缩放）、rotate（双指旋转）、双指下拉、双指上推等等特殊手势。请问鼠标如何去实现呢？

所以说，我们作为前端开发，不要总期许有一个大而全，万能的大神，写一个啥都能干的东西出来。即便是大神也要考虑有所为，有所不为啊。

更多追问追答
追问

好吧，现在只想要触控设备能用的
追答

触控设置的手势操作，zepto（可以认为是jQuery的移动精简版），已经可以支持swipe手势。swipe, swipeLeft, swipeRight, swipeUp, swipeDown这种单指方向滑动手势。以及tap、longTap这种轻点、长点手势。

多点触控手势操作可以依靠：
gesturestart    // 当有两根或多根手指放到屏幕上的时候触发
gesturechange    // 当有两根或多根手指在屏幕上，并且有手指移动的时候触发
gestureend    // 当倒数第二根手指提起的时候触发，结束gesture

更为复杂的手势的话。参考这个两链接
http://www.html5rocks.com/en/mobile/touch/
http://www.cnblogs.com/pifoo/archive/2011/05/22/webkit-touch-event-3.html
追问

zepto我试过了，和jqeury不兼容，要完全替代jqeury的话也可以，但是导入js文件比单个jquery更大了。so,有解决办法么

zepto已经尝试过，可以实现效果，但是和jquery不兼容，有解决办法么
追答
jquery可以通过$.noConflict();函数，避免跟其他$开头的js库的冲突。
当然，zepto也有$.noConflict();，你用哪个都可以。

比如你在html文件里分别按照这样的顺序引入js文件
<head>
<script src="jquery.js"></script>
<script src="zepto.js"></script>
<script>
$.noConflict();//zepto把$的控制权移交给了jquery。
//下面我们就可以用$当做jquery的用法了。
//如果要用到zepto。就必须通过Zepto('#myDiv').html('haha');
Zepto('#myDiv').on('swipeLeft, function(){
    alert('你使用了左滑手势');
});
</script>
</head>

本回答被提问者和网友采纳

已赞过 已踩过<

评论收起

lqj270
2014-11-05 · 超过18用户采纳过TA的回答

知道答主

回答量：60

采纳率：0%

帮助的人：34.9万

我也去答题访问个人页

关注

展开全部

虽然不明白，但是帮顶一下。看看后面的高手怎么解决。

已赞过 已踩过<

评论收起

1条折叠回答

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

如何用JS监控多种手势

其他类似问题

为你推荐：