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

Apache
JavaScript
跨平台
2018-10-15
love封尘

JS原生触屏位置操作插件 Sition

  • 一款轻量级的移动触屏手势操作js插件,使用简单方便,支持多种判断操作

  • https://uquhu.cn 一款利用该插件打造的移动端手势音乐播放器(有点炫酷)

  • https://gitee.com/lovefc/fmusic 移动端手势音乐播放器项目地址

如何使用:

  • Sition(dom,action,function,debug)

参数:

参数名必选类型说明
domstring元素id名,为空代表整个body页面
actionstring要执行的动作名称
functionfunction执行后的回调函数
debugbool开启调试,true为开启

action 动作参数说明:

参数名说明
long长按操作
clicked双击操作
up向上滑动
upLeft向上滑动-左边
upRight向上滑动-右边
down向下滑动
downLeft向下滑动-左边
downRight向下滑动-右边
left向左滑动
leftUp向左滑动-顶部
leftDown向左滑动-底部
right向右滑动
rightUp向右滑动-顶部
rightDown向右滑动-底部
upCenter向上滑动-居中
downCenter向下滑动-居中
leftCenter向左滑动-居中
rightCenter向右滑动-居中

注意事项

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

前端调试

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

的码云指数为
超过 的项目
加载中

评论(0)

暂无评论

暂无资讯

暂无问答

【书单】JS书单汇总:怀念2013

  从2011年11月到现在,大抵接近两年的时间。对JS的了解,不敢说有多深,不过大都得益于下列书籍。大部分看过,小部分只是翻翻。2014年打算把这些书挑一些出来回顾回顾,然后研究下新的东西...

2014/01/24 00:37
429
2
《深入理解JavaScript系列》

《深入理解JavaScript系列》系列技术文章整理收藏

2015/06/23 15:08
21
0
javascript学习资料分享

有志于web前端工作的话,javascript的知识是必不可少的。越学,我越觉得自己所欠缺的越多。路漫漫其修远兮,吾将上下而求索。下面将一些好的资料分享给大家。 JavaScript学习资料: (1)遇见...

2012/04/06 11:37
3.2K
7
解决一个html 或jsp 引入多个不同版本的jquery 解决方案

解决一个html 或jsp 引入多个不同版本的jquery 解决方案

2017/11/02 12:25
17
0
a标签中调用javascript方法的几种方法:

我们常用的在a标签中有点击事件: 1. a href="javascript:js_method();" 这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且javascript:协议作为a的href属性的...

2013/12/01 00:20
53
0
asp.net中调用javascript自定义函数的方法(包括引入JavaScript文件)总结

通常javascript代码可以与HTML标签一起直接放在前端页面中,但如果JS代码多的话一方面不利于维护,另一方面也对搜索引擎不友好,因为页面因此而变得臃肿;所以一般有良好开发习惯的程序员都会...

2012/11/04 21:28
930
0
jfinal与jqgrid结合实例。

直接上代码: index.html <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Insert title here</title> </head> <body> <link rel="stylesheet" ...

2013/01/05 11:51
1K
5
【iOS & Web】JavaScript & Objective-C二重奏

一、JS call OC 方法1: 通拦截协议头来获取协议字符串。在UIWebView中的代理方法中有这样的方法,如下图所示: //UIWebView每次请求内容之前,都会调用这个方法,通过返回YES/NO来决定UIWeb...

2016/10/19 18:12
36
0
每个JavaScript工程师都应懂的33个概念

摘要: 基础很重要啊! 原文:33 concepts every JavaScript developer should know 译文:每个 JavaScript 工程师都应懂的33个概念 作者:stephentian Fundebug经授权转载,版权归原作者所有...

01/10 10:54
12
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部