Sition.jsJS 原生触屏位置操作插件

联合创作 · 2023-09-22 02:34

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元素也要有高度和宽度

前端调试

  • 可以使用谷歌浏览器自带的移动端模拟功能在电脑上调试

浏览 8
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报