Hammer.js

多点触摸手势库
授权协议 MIT
开发语言 JavaScript HTML/CSS
所属分类 Web应用开发、 常用JavaScript包
软件类型 开源软件
地区 不详
投 递 者 西门建安
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

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

  • Tap
  • Double Tap
  • Hold
  • Drag
  • Transform

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支持也很糟糕。

  • hammer.js hammer.js是一个开源的库,他可以的实现在移端开发的大多数事件,如:点击、滑动、拖动、多点触控等事件。hammer.js不需要依赖任何其他的js框架,并且整个框架非常小. 1. Pan:拖动事件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewpo

  • 1.安装hammerjs   npm install --save hammerjs 2.hammerjs的基本使用   1.在相应的vue文件里导入hammerjs import Hammer from 'hammerjs'   2.创建Hammer对象并绑定响应事件 var square = document.querySelector('.square'); // Create an in

  • 一直在写jQuery的源码教程,都没时间研究别的框架了。Hammer是我项目御用的一个手势库,早期1.x版本的swipe事件的响应不灵敏的问题而改过源码,2.x就已经更正过来,而且源码的结构也整个翻新了一遍,不管从逻辑还是组织结构上,我个人都觉得有必要深入,所以就当作一个系列教程一起学习吧。 本章主要讲解下使用,因为官方的API都是英文的,中文资料也相对较少,源码的分析后续再更新。 通过网方的教程

  • 今天面试前端开发时,要求在移动端实现手指滑动切换轮播图 这里我用到 bootsrap 的轮播图组件 + hammer.js 库 文章参考: Hammer.js - 李林峰的园子 - 博客园 (cnblogs.com) 在 hammer.js 中 Swipe事件:在指定的 Dom 区域内,一个手指快速在触屏上滑动。即我们平时用到最多的滑动事件。 Swipeleft:向左滑动 Swiperight:向

  • 第一步 下载hammer.js并引入 下载地址可以是:http://hammerjs.github.io/ 第二步 复制下面这些代码,放在你的js里面 function drag(drag){ var reqAnimationFrame = (function () { return window[Hammer.prefixed(window, 'requestAnimatio

  • vue hammer.js 威汉锤 (vue-hammer) Hammer.js wrapper for Vue to support some operation in the mobile. Vue的Hammer.js包装器支持移动设备中的某些操作。 This is a directive wrapper for Hammer.js 2.x. And this repo'inspiration

  • Touch.js Touch.js是移动设备上的手势识别与事件库, 由百度云Clouda团队维护,也是在百度内部广泛使用的开发工具.(已停更) Touch.js手势库专为移动设备设计,是Web移动端touch点击事件不错的解决方案 GitHub - Clouda-team/touchjs: Touchjs getsture library 用法: //引入touchjs <script src="

 相关资料
  • 手势事件 Tabris.js有基于4种手势类型的13种手势事件: tap - 手指短暂地触摸控件时,触发一次。 longpress - 手指触摸控件一定时间(约一秒,取决于平台),抬起手指时触发。 pan - 当手指向任一方向移动一定距离(约5px,取决于平台)时,就开始连续触发。事件始终在触摸的第一个元素上触发,即使手指移动到控件之外。 panLeft - 当手指向左移动一定距离时,就开始连续触

  • iOS 版Safari 为了向开发人员传达一些特殊信息,新增了一些专有事件。因为iOS 设备既没有鼠标也没有键盘,所以在为移动Safari 开发交互性网页时,常规的鼠标和键盘事件根本不够用。随着Android中的WebKit 的加入,很多这样的专有事件变成了事实标准,导致W3C 开始制定Touch Events 规范(参见https://dvcs.w3.org/hg/webevents/raw-f

  • 本文向大家介绍iOS轻点、触摸和手势代码开发,包括了iOS轻点、触摸和手势代码开发的使用技巧和注意事项,需要的朋友参考一下 一、响应者链 以UIResponder作为超类的任何类都是响应者。UIView和UIControl是UIReponder的子类,因此所有视图和所有控件都是响应者。 1、初始相应器 事件首先会传递给UIApplication对象,接下来会传递给应用程序的UIWindow,UIW

  • 本文向大家介绍Android触摸及手势操作GestureDetector,包括了Android触摸及手势操作GestureDetector的使用技巧和注意事项,需要的朋友参考一下 现在的智能手机不敢说百分百的都是触摸屏,也应该是百分之九九以上为触摸屏了,触摸屏为我们操作无键盘、无鼠标的手机系统带来了很多的便利。当用户触摸屏幕时会产生很多的触摸事件,down、up、move等等。View类有个Vie

  • 问题内容: 我正在使用使用XCode 6的Sprite- Kit在Swift中工作,我有许多不同的节点,但是目前,我只能设法检测到一根手指并同时移动一个节点。我想知道如何设法检测多个手指以便同时移动多个节点。我的实际代码是: 如您所见,我只有第一根手指的手指,但是如何检测多个手指的位置并将每个手指分配给手指触摸的节点? 问题答案: 同时移动多个节点非常简单。关键是要独立跟踪每个触摸事件。一种方法是

  • 本文向大家介绍Android手势滑动实现两点触摸缩放图片,包括了Android手势滑动实现两点触摸缩放图片的使用技巧和注意事项,需要的朋友参考一下 学习安卓手势滑动,多点触摸放大缩小图片,分享给大家供大家参考,具体代码如下 1.布局文件如下main.xml 2.自定义缩放图片控件ZoomImageView.java代码: 3.工程主文件MainActivity.java代码: 以上就是Androi

  • 本文向大家介绍JS触摸事件、手势事件详解,包括了JS触摸事件、手势事件详解的使用技巧和注意事项,需要的朋友参考一下 触屏已经是我们身边电子设备的常态了。触摸事件当然也是随着触屏的出现,用户使用最多的事件啦! 难道使用触屏事件后,其他原来的鼠标事件就都不能用啦?当然不是,只不过不是那么好用啊。 针对鼠标事件,有哪些不适应? dbclick 触屏设备不支持双击事件。双击浏览器窗口,会放大画面。 可以通

  • 本文向大家介绍Android实现手势滑动多点触摸缩放平移图片效果,包括了Android实现手势滑动多点触摸缩放平移图片效果的使用技巧和注意事项,需要的朋友参考一下 现在app中,图片预览功能肯定是少不了的,用户基本已经形成条件反射,看到小图,点击看大图,看到大图两个手指开始进行放大,放大后,开始移动到指定部位。 一、概述 想要做到图片支持多点触控,自由的进行缩放、平移,需要了解几个知识点:Matr