hammerjs是一个短小精悍的库,他可以让我们轻松的实现移动端上的手势。 hammerjs的两大优势如下:
诚然,我们可以通过touch的四个事宜等来完成相同的功效,然则不可避免的会对照贫苦,以是既然前人已经造了这个好轮子,为什么不去使用呢? 另外,300ms的延迟有时是我们不需要的,好比,我们在做webapp时,不需要页面的缩放,而300ms的延迟就是为了webapp的缩放而划定的, 因此做webapp时我们就可以使用hammer-time.js来移除300ms的点击延迟。
另外,hammer.js经由压缩只有7kb,而hammer-time.js经由压缩只有1kb,以是完全不用思量引入他们之后的性能问题,这简直太棒了!
第一步: 引入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