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

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

Hammer.js

在线演示  在线下载

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

主要特性

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

Hammer.js

如何使用

倒入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针对不同的客户端设备支持的操作不尽一致,这里列出了一个支持设备的操作列表:

Hammer.js

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

你可能感兴趣的:(iPhone,ipad,hammer.js,触摸操作js,javascript触摸类库)