分享一个支持ipad/iphone/平板电脑触摸操作的javascript类库 - Hamme...

日期：2012-3-25  来源：GBin1.com

在线演示  在线下载

这里我们分享一个超酷的帮助你打造平板触摸类操作的javascript类库 - Hammer.js，使用这个类库，可以帮助你实现类似ipad等平板电脑操作风格的界面。如果你需要让你的网站更好的支持ipad等触摸类的客户端设备的话，你肯定会喜欢这个类库！

主要特性

• 支持几乎所有的主流浏览器
• 支持各种触摸设备操作，例如，单击，双击，长按，拖拉，滑动变形
• 类库非常小，2kb，非常容易自己定义修改
• 专注于触摸客户端设备
• 需要jQuery

如何使用

倒入jQuery和hammer.js类库：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="hammer.js"></script>

将hammer绑定到指定的元素：

var hammer = new Hammer("#container");

针对以上container元素的各种触摸操作，都会有一个callback方法。

所有支持的客户端设备

因为hammer针对不同的客户端设备支持的操作不尽一致，这里列出了一个支持设备的操作列表：

来源：分享一个支持ipad/iphone/平板电脑触摸操作的javascript类库 - Hammer.js