您的位置:首页 > Web前端 > JavaScript

11 个处理触摸事件和多点触摸的 JS 库

2014-11-25 13:46 513 查看
        英文原文:11 Multi-touch and Touch events Javascript libraries




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

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



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

QUO JS
  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

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

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

  File size: 2KB minified

  Standlone: Yes

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

Mootools-mobile
  Events: Swipe, pinch, touch hold

  Other features: Touch events are separated into different files.

  File size: -

  Standlone: No, need MooTools

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

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

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

  Other featur
4000
es:
Allows swiping and page scrolling

  File size: 25KB

  Standlone: No, need jQuery

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

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

jQuery.pep.js
  Events: Drag

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

  File size: 16KB

  Standlone: No, need jQuery

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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: