ios实例开发精品文章推荐(8.12)11个处理触摸事件和多点触摸的JS库-阿里云开发者社区

开发者社区> 吞吞吐吐的> 正文

ios实例开发精品文章推荐(8.12)11个处理触摸事件和多点触摸的JS库

简介:
+关注继续查看
11个处理触摸事件和多点触摸的JS库

触摸屏是现在所有智能手机的标配,还包括各种平板设备,而且很多桌面也慢慢在开始支持触摸操作。要开发支持触摸屏设备的Web应用,我们需要借助浏览器的触摸事件来实现。

下图是各种触摸事件说明:

<ignore_js_op>



本文我们介绍11个用来处理触摸事件以及支持多点触摸的JS库:

1.QUO JS

QuoJS是一个小型、模块化、面向对象的JavaScript库,用于移动Web开发中简化HTML文档遍历、事件处理和Ajax交互等功能。

Events: Touch, Tap, Double tap, Hold, Fingers, Swipe, Swipe Up, Swipe Right, Swipe Down, Swipe Left, Drag

Other features: Built-in jQuery-like methods. It uses $$ to avoid conflict.

File size: 13KB minified

Standlone: Yes

2.Hammer JS

Hammer.js是一个轻量级的JavaScript库(仅有2kb),能让你的网站轻松实现触控事件。它依赖于jQuery,用来控制触摸设备上的多点触控特性。

Events: Tap, Double tap, hold, drag, transform (pinch)

Other features: Javascript library focused only for multi-touch gestures

File size: 2KB minified

Standlone: Yes

Hammer.js已经在IOS5系统的iPad1,IOS5系统的iPhone,Android 2.3.3的三星Galaxy S以及Goolge Chrome 17测试可用。在桌面浏览器上鼠标能够模拟单个手指的触控事件。在Android 2与3默认的浏览器以及FireFox 10不支持多点触控事件,所以在Android,FireFox 1.1(Nokia N900)上没有transform。Windows Phone 7.5不支持触摸事件,mouse event支持也很糟糕。

3.Touchy

Events: long press, drag, pinch, rotate, swipe

Other features: jQuery plugin for webkit browsers and browsers that support outch events

File size: ~2.72KB minified

Standlone: No, need jQuery framework

4.Mootools-mobile

Events: Swipe, pinch, touch hold

Other features: Touch events are separated into different files.

File size: -

Standlone: No, need MooTools

5.jQuery doubletap

Events: Touch, Swipe, Tap, Double tap, Swipe left, Swipe Right, Swipe up, Swipe down

Other features: No android support yet

File size: 4KB

Standlone: No, need jQuery

6.jGestures

Events: Orientation change, Pinch, Rotate, Swipe move, Swipe in multi direction, Swipe with 1,2,3 fingers, Tap with 1,2,3 fingers, pinch open, pinch close, shake in different directions

Other features: Bundled with many gestures and useful events

File size: 16KB minified

Standlone: No, need jQuery

7.Touch Swipe

Events: Swipes in 4 directions, 1,2 fingers touch

Other features: Allows swiping and page scrolling

File size: 25KB

Standlone: No, need jQuery

8.Touchable

Events: Tap, Long Tap, Double tap, touchable move, touchable end

Other features: Unifies touch and mouse events

File size: 1.96KB

Standlone: No, need jQuery

9.thumbs.js

Events: touch start, touch end, touch end, touch move, mouse down, mouse up, mouse move

Other features: PhoneGap and mobile web friendly

File size: 612 bytes minified

Standlone: Yes

10.jQuery.pep.js

Events: Drag

Other features: Uses CSS3 animations, built-in many drag features

File size: 16KB

Standlone: No, need jQuery

11.Jetster

Events: Tap, Double tap, Swipe, Flick, Pinch, Pinch arrow, Pinch widen, Pinch end

Other features: Jester makes recognising gestures on DOM elements really easy

File size: 25KB

Standlone: Yes

英文出自:11 Multi-touch and Touch events Javascript libraries


--------------------------------------------------------------------------------------------------------------------------------------

图片转场效果 
http://www.apkbus.com/android-137593-1-1.html
sqlite的简单示例 
http://www.apkbus.com/android-137594-1-1.html
新浪微博在iOS中的应用 
http://www.apkbus.com/android-137595-1-1.html
NSDatePicker 
http://www.apkbus.com/android-137597-1-1.html
IOS隐藏键盘 
http://www.apkbus.com/android-137599-1-1.html
UIView显示边栏的方法 
http://www.apkbus.com/android-137600-1-1.html
11个处理触摸事件和多点触摸的JS库 
http://www.apkbus.com/android-137601-1-1.html
URL转码 
http://www.apkbus.com/android-137602-1-1.html
Toast功能的实现 
http://www.apkbus.com/android-137604-1-1.html
AdMob横竖屏自动切换 
http://www.apkbus.com/android-137605-1-1.html
如何在Xcode4.4中使用Objective-C的对象下标表示法 
http://www.apkbus.com/android-137606-1-1.html
iphone imageview 点击事件 click 
http://www.apkbus.com/android-137607-1-1.html
UIWebView背景透明且无拖拽后的上下阴影 
http://www.apkbus.com/android-137609-1-1.html
生成ipa 这个是自己总结的,ios5.1.1越狱系统,xcode4.3.3可用 
http://www.apkbus.com/android-137610-1-1.html
读取PDF 
http://www.apkbus.com/android-137612-1-1.html
汉字转拼音的实现 
http://www.apkbus.com/android-137613-1-1.html
ASIHTTPRequest类库的使用 
http://www.apkbus.com/android-137615-1-1.html
给UITableView中的数据排序 
http://www.apkbus.com/android-137616-1-1.html
取色功能的实现 
http://www.apkbus.com/android-137618-1-1.html
IOS中GPS定位偏移纠正(适用于Google地图) 
http://www.apkbus.com/android-137621-1-1.html
使用wsdl2objc实现Soap 
http://www.apkbus.com/android-137622-1-1.html
iOS5中的UIAlertView 
http://www.apkbus.com/android-137623-1-1.html
Objective-C可变参数函数 
http://www.apkbus.com/android-137624-1-1.html
ios 判断设备的GPS功能是否开启 
http://www.apkbus.com/android-137626-1-1.html
启动界面Default.png全屏 
http://www.apkbus.com/android-137627-1-1.html
仿App Store的购买Button 
http://www.apkbus.com/android-137628-1-1.html
也来谈谈CFRunLoop(NSRunLoop) 
http://www.apkbus.com/android-137629-1-1.html
iphone,ipad模拟器截图(小方法) 
http://www.apkbus.com/android-137631-1-1.html
自定义导航栏上的返回按钮UINavigationController 
http://www.apkbus.com/android-137633-1-1.html
UIVideoEditorController 使用  

http://www.apkbus.com/android-137634-1-1.html


本文转自qianqianlianmeng博客园博客,原文链接:http://www.cnblogs.com/aimeng/p/3253095.html,如需转载请自行联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
仿酷狗音乐播放器开发日志二十五 duilib右键事件的不足的bug修复
转载请说明原出处,谢谢~~        虽然仿酷狗的各个菜单早就写好了,但是一直没有附加到程序里。今天把菜单和播放列表控件关联时发现了问题。        和播放列表相关的菜单有三个,分别是每个音乐项目控件相关的菜单、分组的菜单、音乐电台的菜单。
912 0
ArcGIS API for Javascript 3.21地图开发实例(一、图形绘制和删除及popup弹出层)
前言 Arcgis是一个地理系统的平台,可用来进行数据数据展示或二次开发。这里我们所使用的是Arcgis对于JavaScript的api,也就是web端的api进行开发。
9595 0
在使用蓝牙接口,遇到IOS下正常,Android下不正常的简易处理方法
如果遇到以上的情况怎么办,先确定下在调试的时候是否打开了调试面板, 如果有打开请关闭调试面板看是否还有问题,目前在安卓上打开调试面板是会有影响到蓝牙接口的使用,从之前遇到过这些问题的统计中也确实是因为这个原因
238 0
uni-app自定义组件模式开发注意事项
uni-app 自 1.8版本开始,新增支持自定义组件模式,该编译模式组件性能更高,支持更多的Vue语法。 请开发者尽快升级老版项目为自定义组件模式,老版的模板编译模式将不再维护。 Tips: uni-app 不同编译模式差异,参考:https://ask.
8754 0
Windows Phone 8初学者开发—第5部分:布局和事件基础
原文 Windows Phone 8初学者开发—第5部分:布局和事件基础 原文地址: http://channel9.msdn.com/Series/Windows-Phone-8-Development-for-Absolute-Beginners/Part-5-Basics-of-Layout-and-Events 系列地址:http://channel9.
702 0
ios 中弹窗的编程 和 一些处理方法
<p style="color:rgb(51,51,51); font-family:Arial; font-size:14px; line-height:26px"> 1. 在ios开发中使用 弹窗来显示信息。</p> <p style="color:rgb(51,51,51); font-family:Arial; font-size:14px; line-height:26px"
1282 0
iOS6和iPhone5使用第三方静态库在真机无法运行的处理
环境: xcode5.1 ios7 在模拟器下正常运行的程序,在真机上出现下面的错误: ld: file is universal (3 slices) but does not contain a(n) armv7s slice: /Users/david/Downloads/QR code/QR code/ZBarSDK/libzbar.a for architecture armv7s 上面的提示是使用的libzbar这个库不支持armv7s。
751 0
5.触摸touch,单点触摸,多点触摸,触摸优先和触摸事件的吞噬
 1 触摸 Coco2dx默认只有CCLayer及其派生类才有触摸的功能。 2 单点触摸 打开触摸开关和触摸方式 setTouchEnabled(true); setTouchMode(kCCTouchesOneByOne); Cocos2dx 对触摸分三布来处理。分是是点触,移动,离开。或是中间被打断。其功能皆有相应的virtual
1172 0
4852
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载