X-TOUCH
为原生DOM实现移动端点击、长按、方向滑动事件。
安装
- 通过 npm or yarn 安装:
npm install x-touch --save
起步
- 使用 ES6 方式引用:
import XTouch from 'x-touch';
const xTouch = new XTouch();
xTouch.init();
本项目通过 rollup 使用 UMD 格式打包,支持 AMD、CommonJS、script 标签引入,下载源码
- 为 DOM 绑定 touch 事件:
const root = document.getElementById('root');
root.xtouch('tap', function(status){
// do someting!
})
事件名
'tap'
<String> 点击'longTap'
<String> 长按'swipUp'
<String> 向上滑动'swipDown'
<String> 向下滑动'swipLeft'
<String> 向左滑动'swipRight'
<String> 向右滑动
回调函数
this
<Object> ` this指向绑定的DOM。status
<Object> ` 此次事件发生的参数。
配置
在初始化 XTouch 时传递参数:
const config = {
slideMin: 50,
tapMin: 10,
longTapTime: 300
}
const xTouch = new XTouch(config);
slideMin
50
<Number>
滑动事件最小距离。
tapMin
10
<Number>
点击最大距离。
longTapTime
300
<Number>
长按最短时间。