封装原生 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 新增返回原生事件