2.1.0 • Published 3 years ago
sao_move v2.1.0
封装原生 Touch events、MouseEvent 事件
安装
npm install sao_move使用简单
传入要监听的对象即可
const elecomnt = this.$refs.app
new SaoMove(elecomnt, (e) => {
console.log(e)
})回调参数内容
{
"type": "touch",
"event": "start",
"identifier": 0,
"x": 204.41114807128906,
"y": 376.5450744628906,
"moving_x": 0,
"moving_y": 0,
"total_x": 0,
"total_y": 0,
"e": "原生事件"
}| 字段 | 含义 | 备注 |
|---|---|---|
| type | 移动类型 | touch / mouse |
| event | 事件类型 | start / moving / stop |
| identifier | 触摸手指标识 | 数字标识，鼠标类型为0 |
| x | 实时x坐标 | |
| y | 实时y坐标 | |
| moving_x | 实时x位移 | |
| moving_y | 实时y位移 | |
| total_x | 累计x位移 | |
| total_y | 累计y位移 |
其他
total_x,total_y
是指从此次动作开始，到当前坐标的位移
moving_x，moving_x
是指从上个坐标到当前坐标的实时位移
identifier
通过identifier来区分每个手指单独的 start、moving、stop，多手指互不干扰
更新
- 2.1 新增返回原生事件