javascript判断是否手机设备+滑动事件
//判断是否手机端
var isMobile = false;
try {
//手机端
document.createEvent("TouchEvent");
isMobile = true;
} catch (e) {
//pc
}
//手势事件
var startX = 0, endX = 0, move_left = null;
//按下时触发
$('元素').on('touchstart', function (e) {
e.preventDefault()
var touch = event.touches[0];
startX = touch.pageX;
})
//移动时触发
$('元素').on('touchmove', function (e) {
var touch2 = event.touches[0];
endX = touch2.pageX;
})
//离开时触发
$('元素').on('touchend', function (e) {
time = setInterval(picTimer, opts.Time)
if (!scrollList.is(":animated")) {
e.preventDefault()
if (startX > endX) {
index += 1;
if (index == len) { index = 0; }
showPics(index);
} else {
index -= 1;
if (index == -1) { index = len - 1; }
showPics(index);
}
}
}
不会到会,只是一个过程!
转载于:https://blog.51cto.com/1120173856/1637466
javascript判断是否手机设备+滑动事件相关推荐
- 判断当前手机设备的类型(安卓还是IOS)
1.Java代码实现 判断当前手机设备类型是安卓还是IOS //判断手机端访问的设备是安卓还是苹果String userAgent = request.getHeader("user-age ...
- 移动端判断当前手机设备是安卓(Android)还是苹果ios
const category = navigator.userAgent; const isAndroid = category.indexOf('Android') > -1 || categ ...
- Unity3d 触屏手机滑动事件(上下左右方向精确判断)
private Vector2 st = Vector2.zero; //手指开始按下的位置 private Vector2 end = Vector2.zero; //手指拖动的位置 enum sl ...
- javascript判断浏览器和终端类型,js如何区分手机、电脑终端和浏览器
判断浏览器类型 复制代码代码如下: if ( window.sidebar && "object" == typeof( window.sidebar ) & ...
- python手机触屏代码_JS移动客户端--触屏滑动事件及js手机拖拽效果
移动端触屏滑动的效果其实就是图片轮播,在PC的页面上很好实现,绑定click和mouseover等事件来完成.但是在移动设备上,要实现这种轮播的效果,就需要用到核心的touch事件.处理touch事件 ...
- JavaScript判断是否是手机mobile登录
在页面代码中加入以下js,即可利用JavaScript判断是否是手机mobile登录! <script type="text/javascript" src="${ ...
- JavaScript判断设备类型加载对应网页并设置两端通用事件
JavaScript如何判断设备类型加载对应网页并设置通用事件 基本思路: 在网页入口添加判断逻辑,如下:首先获取当前navigator对象的userAgent,通过userAgent判断当前设备类型 ...
- php判断是否为手机设备
2019独角兽企业重金招聘Python工程师标准>>> 判断是否是手机设备,仍在不断地升级中,欢迎指教. // 判断是否为手机端 function is_mobile() {// 如 ...
- PHP判断当前的设备是手机(Mobile)还是电脑(PC)
在做web的时候,经常需要用到对移动设备的适配,当然可以直接把网站做成响应式蛾,但是如果不想这么做的话,可以使用php判断一下当前的设备是手机还是电脑. 方法一: /*** Test if the c ...
最新文章
- linux系统测试报告,[Linux-文件系统测试] -- Bonnie++测试
- Spring AOP之异常转换
- ITK:从测量列表创建直方图
- minecraft pythonapl_Substance PythonAPI入门案例
- 数据结构:静态链表实现树的同构
- 【笔记3】二维码扫码数据埋点
- Reids Lua 模糊查询所有key 及 相对应的集合总数
- Python指南--错误和异常
- 简明 Python 教程
- HG_REPMGR configure配置
- linux修改文件类型和权限
- 中国IT产业人才分布地图
- 七月上伴奏计算机按键,数字化音乐专业教室配备方案(7页)-原创力文档
- pytorch_BCELoss的reduction参数理解
- 回首步入社会的两个月
- python输出星号等腰三角形_星号三角形Python(带输入)(Asterisk Triangle Python (with input))...
- Codeforces——791A Bear and Big Brother
- 【小西】优化生日品同步网易严选功能,使其支持多SPU对多SKU关系
- kaggle数据挖掘竞赛--信用卡违约风险评估模型
- 黑金开发板在NiosII环境下烧写image到flash失败的解决办法
热门文章
- 国际运营版Java区块链交易所源码币币+法币+永续+期权+机器人
- 免授权版傻瓜式建站系统
- 终于我还是放手了, 但是只想说,暂别 Aptana Studio 3,Phpstorm来吧!(附:个人遇到的小问题的解决方法)...
- 爹地,我找到了!15个极好的Linux find命令示例
- 236.二叉树的最近公共祖先
- python——asyncio模块实现协程、异步编程(三)
- 【图说word】宏二
- 如何用Pygame写游戏(十五)
- SqlServer数据库的常用操作-更新中
- Spring学习笔记专题二