hammer.js 介绍
hammerjs是什么
hammerjs是 一个 短小精悍的库,他可以让我们轻松的实现移动端上的手势。 hammerjs的两大优势如下:
为移动端网页 添加 相关手势。
去除 移动端上的点击事件的300ms延迟。
为什么使用hammerjs
诚然,我们可以通过touch的四个事件等来完成相同的 功能 ,但是不可避免的会比较麻烦,所以既然前人已经造了这个好轮子,为什么不去使用呢? 另外, 300ms的延迟有时是我们不需要的 ,比如,我们在做webapp时,不需要 页面 的缩放,而300ms的延迟就是为了webapp的缩放而规定的, 因此做webapp时我们就可以使用hammer-time.js来移除300ms的点击延迟。另外,hammer.js经过压缩只有7kb,而hammer-time.js经过压缩只有1kb,所以完全不用考虑引入他们之后的 性能 问题,这简直太棒了!hammerjs的使用
第一步: 引入hammer.js库。<script src="https://hammerjs.github.io/ dis t/hammer.js"></script>第二步: ?创建 一个 用于使用手势的dom元素。<div id="myElement">good</div>第三步: 创建 一个 hammer实例。var myElement = document.getElementById('myElement');var mc = new Hammer(myElement);第四步: 添加 一个 事件,这样我们就可以知道该事件是否被触发了。mc.on("panleft panright tap press",function(ev) {myElement.textContent = ev.type +" gesture detected.";}); 链接 : http://www.fly63.com/nav/36网站地址 : http://hammerjs.github.io/
GitHub: https://github.com/hammerjs/hammer.js
网站描述: Hammer 是 一个 可以识别由触摸,鼠标,指针引发的手势的开源库
hammer.js官方网站
官方网站: http://hammerjs.github.io/
如果觉得 网站内容还不错,欢迎将 网站 推荐给程序员好友。
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://www.haodehen.cn/did175008