功能强大的手势库-Hammer.JS

JavaScript07

功能强大的手势库-Hammer.JS,第1张

Hammer 是一个精简且功能强大的手势库,它不但支持移动端的手势,对于PC端的鼠标操作也能实别

目前github的star量22.8K

为了性能,Hammer默认只开启了上面的这些手势

如果要开启上滑、下滑、多手指的旋转、缩放需要单独设置开启

是不是非常的实用

觉得效果不错的请帮忙加个关注点个赞,经常分享前端实用开发技巧

是zepto后封装的。而且如果没有用build版本的,默认的zepto.js是不带手势的,需要单独引入touch.js或者其它的第三方手势库。原生的touch事件只有这几个,所以对手势有复杂需求的项目,会单独引用一个手势库,如果只需要点击的话那直接绑到touchstart上就行了。

移动端推荐使用Hammer.js,很多手势调用。

多点触控插件Hammer.js,是一个开源的,轻量级的javascript库,它可以在不需要依赖其他东西的情况下识别触摸,鼠标事件。

还支持jQuery插件的形式调用

<span class="tag" style="color: rgb(0, 0, 128)"><<span class="title">script src="http://eightmedia.github.com/hammer.js/jquery.hammer.js"></script>span>

$("#element")

.hammer({

// 对DOM进行一些初始化,这里可以加入一些参数

})

.bind("tap", function(ev) {

console.log(ev)

})