Skip to content

chengshuang714/toucher

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 

Repository files navigation

toucher

#toucher是什么 toucher是一个面向移动端web开发,通过监听原生事件模拟手势事件的库。

#目前支持哪些事件

  • singleTap:轻击
  • doubleTap:双击
  • longTap:长按
  • swipe:滑动(若阻止浏览器默认事件,滑动过程中会持续触发)
  • swipeUp:上划
  • swipeRight:右划
  • swipeDown:下划
  • swipeleft:左划

#说明 监听的对象不阻止浏览器默认事件,若要用于拖动操作,或滑动更为细腻,可增加preventDefault属性,但此时页面是不能通过拖动当前dom进行滚动的! #DEMO 请使用移动设备或使用调试工具模拟移动设备查看 demo

#如何使用 接口提供了链式调用的实现,及事件委托(仅支持class)。

var myTouch = util.toucher(document.getElementById('touchBox'));
//阻止浏览器默认事件
//myTouch.preventDefault = true;
myTouch.on('singleTap',function(e){
    //
}).on('longTap',function(e){
	//
}).on('singleTap','.checkA',function(e){
	console.log(this,e);
	return false
});

About

面向移动端模拟手势的类库

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 68.8%
  • HTML 31.2%