有人说,学习是一个重复造轮子的过程,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对象中,