2.1.0 • Published 2 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 新增返回原生事件