分享一個支持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