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>

长按最短时间。