• Stars
    star
    261
  • Rank 156,630 (Top 4 %)
  • Language
    JavaScript
  • License
    Apache License 2.0
  • Created over 10 years ago
  • Updated over 2 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

👆 面向移动端的手势类库

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

####使用案例demo/图像预览实现原理

#目前支持哪些事件 基本事件

  • singleTap:轻击
  • doubleTap:双击
  • longTap:长按
  • swipeUp:上划
  • swipeRight:右划
  • swipeDown:下划
  • swipeleft:左划

高级事件

  • swipeStart:滑动开始
  • swipe:滑动(阻止浏览器默认事件,滑动过程效果更佳)
  • swipeEnd:滑动结束

#说明 目前尚不支持双指操作的事件,此类事件可能会在下次大的更新之后作为补充加入进来。

事件触发时不阻止浏览器默认事件,若要用于拖动操作,或滑动更为细腻,可在swipe事件中使用“return false;”阻止浏览器默认事件!

#DEMO 请使用移动设备或使用调试工具模拟移动设备查看 demo/案例demo/图像预览

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

var myTouch = util.toucher(document.getElementById('touchBox'));

myTouch.on('singleTap',function(e){
    //
}).on('longTap',function(e){
	//
}).on('singleTap','.checkA',function(e){
	console.log(this,e);
	return false
});

More Repositories

1

blog

剧中人的nodeJS版个人博客,仅仅是前后端实现,不包含博文数据。
JavaScript
352
star
2

mditor

一款轻量级的markdown编辑器 ediotor for markdown
JavaScript
87
star
3

UI

响应式用户交互组件库
JavaScript
77
star
4

iframer

一款基于iframe的单页应用组件(single page application)
JavaScript
58
star
5

github-widget-user

github名片——显示github用户个人信息的widget组件。
JavaScript
43
star
6

vue-stick

一款基于 VUE 的瀑布流组件。 A waterfall flow component based on vue.js
JavaScript
30
star
7

lofox

用于实现单页面路由控制的工具。
JavaScript
22
star
8

demos

存放各类demo
Vue
22
star
9

lays-workbench

剧中人的个人上网首页
JavaScript
19
star
10

stick

响应式瀑布流组件
JavaScript
12
star
11

loader

简单的js、css资源加载器。
JavaScript
10
star
12

wedding-invitation

小剧的婚礼小卡片!
CSS
9
star
13

panel

右键菜单组件
JavaScript
9
star
14

Selection

处理textarea的选择与选择获取,插入字符等相关操作的小类库
JavaScript
8
star
15

fe-standards

猎豹移动前端编码规范
6
star
16

uploader

依靠原生html元素处理上传的javascript类。
JavaScript
5
star
17

events

简单的自定义事件模型(pub/sub)
JavaScript
4
star
18

blog-emily

羞羞嗒的小博客
CSS
3
star
19

lorry.js

个人JS库,乐此不疲地造轮子!
JavaScript
3
star
20

vue-image-filler

图像[填充]剪裁工具 [ Vue Image clipping tool ]
Vue
3
star
21

layUI

defined some form UI
JavaScript
2
star
22

seaportjs

seajs的精简版
JavaScript
2
star
23

tie.js

if you want some dom follow another dom scroll when it is isibiale it also can fixed in window,you can try tie.js
JavaScript
1
star
24

gallery

图像查看器
JavaScript
1
star
25

zero-to-one

基于Sails的作品展示平台
JavaScript
1
star
26

vue3-seven-segment-display

Modern lightweight Vue 3 seven segment display.
Vue
1
star
27

moments.bh-lay.com

剧中人的朋友圈
Vue
1
star