Usage no npm install needed!

<script type="module">
  import anyTouchPan from 'https://cdn.skypack.dev/@any-touch/pan';
</script>

README

@any-touch/pan

拖拽识别器.

快速开始

// 只加载pan识别器(拖拽)
import Core from '@any-touch/core';
import pan from '@any-touch/pan';
const at = new Core(el);
at.use(pan, 参数)

// 拖拽
at.on('pan', (event) => {
    // event包含位置/速度/方向等信息
});

⚠️注意: 执行npm i any-touch后, @any-touch/core和@any-touch/pan便已自动安装, 直接引入即可.

参数

名称	数据类型	默认值	说明
name	`String`	'pan'	自定义事件名称
pointLength	`Number`	1	支持的触点数, 可支持多指拖拽
threshold	`Number`	10	拖拽超过10px后触发pan事件