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

        英文原文: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 features: 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

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值