世界之窗浏览器如何设置鼠标手势

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了世界之窗浏览器如何设置鼠标手势相关的知识,希望对你有一定的参考价值。

参考技术A   按住鼠标右键后,鼠标在浏览窗口里滑出一个轨迹以使用浏览器里的功能,即为鼠标手势。如要向下滚动当前页面时,您只需要按住右键后,向下滑动鼠标,然后放开鼠标右键即可。
  鼠标手势易于掌握,熟练使用鼠标手势可以给网页浏览带来极大的便利和乐趣。
  在
选项→高级→鼠标操作
里,可了解支持的鼠标手势动作及对鼠标手势控制的功能进行设置。

如何用JS监控多种手势

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

参考技术A 鼠标的手势操作主要还是基于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>

本回答被提问者和网友采纳
参考技术B 虽然不明白,但是帮顶一下。看看后面的高手怎么解决。

以上是关于世界之窗浏览器如何设置鼠标手势的主要内容,如果未能解决你的问题,请参考以下文章

google浏览器如何设置鼠标拖动显示浏览器新窗口

推荐三款自己使用过的鼠标手势插件

怎么关闭浏览器中鼠标右键菜单功能

flutter web中如何区分手指触摸手势和鼠标指针手势?

win10系统怎么关闭鼠标手势

js防止浏览器后退(键盘鼠标手势)