开源中国 2018 年度最后一场技术盛会邀你来约~错过就要等明年啦!点此立即预约

lovefc / SitionJavaScriptApache-2.0

Watch 15 Star 29 Fork 7
加入码云
与超过 300 万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
轻量级JS原生触屏位置操作插件--Sition,支持移动端上下左右中的滑动判断,还有长按,以及双击事件。 展开 收起

https://uquhu.cn/sition

取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README.md

js原生触屏位置操作插件--Sition

如何使用:

  • 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 向右滑动-居中
方向+Ing 表示滑动的整个过程

关于正在滑动(方向+Ing)

  • 举例: Sition(dom,'upIng',function(){console.log(11);})

在方向后面加上Ing,表示的都是整个向下滑动过程中,函数会一直执行下去,直到你的手指离开了屏幕

注意事项

  • 要确保dom有高度和宽度,不然无法判断,默认读取的是body元素,body元素也要有高度和宽度

前端调试

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

作者备注

  • 如果发现问题,欢迎向我反馈,毕竟一个人测试有限,会有注意不到的地方。
  • 作者QQ:1102952084
  • 作者博客:lovefc.cn

项目点评 ( 2 )

你可以在登录后,发表评论

搜索帮助

12_float_left_people 12_float_left_close