Sition.js 介绍
JS原生触屏位置操作插件 Sition
-
https://uquhu.cn 一款利用该插件打造的移动端手势音乐播放器(有点炫酷)
-
https://gitee.com/lovefc/fmusic 移动端手势音乐播放器项目地址
如何使用:
- Sition(dom,action,function,debug)
参数:
参数名 | 必选 | 类型 | 说明 |
---|---|---|---|
dom @H_502_45@ | 否 @H_502_45@ | string @H_502_45@ | 元素id名,为空代表整个body页面 @H_502_45@ |
action @H_502_45@ | 是 @H_502_45@ | string @H_502_45@ | 要执行的动作名称 @H_502_45@ |
function @H_502_45@ | 是 @H_502_45@ | function @H_502_45@ | 执行后的回调函数 @H_502_45@ |
debug @H_502_45@ | 否 @H_502_45@ | bool @H_502_45@ | 开启调试,true为开启 @H_502_45@ |
action 动作参数说明:
参数名 | 说明 |
---|---|
long @H_502_45@ | 长按操作 @H_502_45@ |
clicked @H_502_45@ | 双击操作 @H_502_45@ |
up @H_502_45@ | 向上滑动 @H_502_45@ |
upLeft @H_502_45@ | 向上滑动-左边 @H_502_45@ |
upRight @H_502_45@ | 向上滑动-右边 @H_502_45@ |
down @H_502_45@ | 向下滑动 @H_502_45@ |
downLeft @H_502_45@ | 向下滑动-左边 @H_502_45@ |
downRight @H_502_45@ | 向下滑动-右边 @H_502_45@ |
left @H_502_45@ | 向左滑动 @H_502_45@ |
leftUp @H_502_45@ | 向左滑动-顶部 @H_502_45@ |
leftDown @H_502_45@ | 向左滑动-底部 @H_502_45@ |
right @H_502_45@ | 向右滑动 @H_502_45@ |
rightUp @H_502_45@ | 向右滑动-顶部 @H_502_45@ |
rightDown @H_502_45@ | 向右滑动-底部 @H_502_45@ |
upCenter @H_502_45@ | 向上滑动-居中 @H_502_45@ |
downCenter @H_502_45@ | 向下滑动-居中 @H_502_45@ |
leftCenter @H_502_45@ | 向左滑动-居中 @H_502_45@ |
rightCenter @H_502_45@ | 向右滑动-居中 @H_502_45@ |
注意事项
- 要确保dom有高度和宽度,不然无法判断,默认读取的是body元素,body元素也要有高度和宽度
前端调试