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