javascript手势操作插件 base-gesture.js

有人说,学习是一个重复造轮子的过程,so....。我也造了个轮子玩哟。

学习js有段时间了,一直想做点小东西之类的。之前有做过jquery插件之类的。。不过呢,还是想试用下原生js(感觉屌=一点。哈哈哈哈)。现在移动端不是很火嘛(跟风狗。。。。)于是就写了写js的手势操作的实现。当然现在有许多手势插件了,非常优秀。例如hammer.js。但是总有自己造个轮子的执念嘛~~~

下面,就说说我自己造的轮子:     base-geture.js

目前呢,我实现的有,click,tap,swipeLeft,swipeRight,swipeUp,swipeDown,以及end这几方法。click,tap点击事件,swipeLeft,swipeRight左右滑动。swipeUp,swipeDown上下滑动。end 手势结束需要进行的操作(例如,鼠标弹起,手指离开屏幕,完成一次手势操作的时触发)。怎么用呢。。也很简单:

首先script标签导入base-gesture.js文件,或者import

使用:

var t = new gesture('#test',{

    click:function(){},

    swipeLeft:function(event){}

........

});或者

var t = new gesture('#test');

t.swipeUp(function(event){

});

这里对swipeUp,swipeDown,swipeLeft,swipeRight方法的event对象特别说明下。

在swipeUp和swipeDown的event对象中,

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值