移动端触屏事件hammer.js

hammerjs.github地址
以前的移动端项目由于已经使用了jQuery,当我再去使用zepto的时候发现会有一些冲突,并且zepto和jQuery的功能有些相似,于是找到了hammer.js,github上面start还是蛮多的,包含了许多触屏事件。
我想要实现的一个功能是从屏幕侧边开始的滑动,而不是页面任何位置滑动(因为会影响页面中有轮播图的滑动),让侧边栏出现,这个功能貌似webapp感应不了。于是只能从页面按钮中点击出现侧边栏,但是当侧边栏出现,右滑回去消失是可以实现的。
引入hammer.js库

var hammertime = new Hammer(myElement, myOptions);
hammertime.on('pan', function(ev) {
    console.log(ev);
});

myElement必须是一个dom对象,如果使用了zepto或者jquery的需要转化为dom对象
1. pan类(平移)

  • pan
  • panstart
  • panmove
  • panend
  • pancancel
  • panleft
  • panright
  • panup
  • pandown
    2. pinch类(捏拿缩放)
  • pinch
  • pinchstart
  • pinchmove
  • pinchend
  • pinchcancel
  • pinchin
  • pinchout
    3. press类(按住)
  • press
  • pressup
    4. rotate类(旋转)
  • rotate
  • rotatestart
  • rotatemove
  • rotateend
  • rotatecancel
    5. swipe类(滑动)
  • swipe
  • swipeleft
  • swiperight
  • swipeup
  • swipedown
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容