hammer.js

hammerjs是什么 hammerjs是一个短小精悍的库,他可以让我们轻松的实现移动端上的手势。 hammerjs的两大优势如下: 为移动端网页添加相关手势。 去除移动端上的点击事宜的300ms延迟。 为什么...

hammerjs是什么

hammerjs是一个短小精悍的库,他可以让我们轻松的实现移动端上的手势。 hammerjs的两大优势如下:

  1. 为移动端网页添加相关手势。
  2. 去除移动端上的点击事宜的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/dist/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.";
  });


思源资源网:分类流动

1.阿里云: 本站现在使用的是阿里云主机,平安/可靠/稳固。点击领取2000米代金券、领会最新阿里云产物的种种优惠流动点击进入

2.腾讯云: 提供云服务器、云数据库、云存储、视频与CDN、域名等服务。腾讯云各种产物的最新流动,优惠券领取点击进入

3.广告同盟: 整理了现在主流的广告同盟平台,若是你有流量,可以作为参考选择适合你的平台点击进入

链接: http://www.fly63.com/nav/36

  • 发表于 2021-02-11 16:48
  • 阅读 ( 212 )
  • 分类:互联网

0 条评论

请先 登录 后评论
王云斌
王云斌

739 篇文章

你可能感兴趣的文章

相关问题