//判断是否手机端

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判断是否手机设备+滑动事件相关推荐

  1. 判断当前手机设备的类型(安卓还是IOS)

    1.Java代码实现 判断当前手机设备类型是安卓还是IOS //判断手机端访问的设备是安卓还是苹果String userAgent = request.getHeader("user-age ...

  2. 移动端判断当前手机设备是安卓(Android)还是苹果ios

    const category = navigator.userAgent; const isAndroid = category.indexOf('Android') > -1 || categ ...

  3. Unity3d 触屏手机滑动事件(上下左右方向精确判断)

    private Vector2 st = Vector2.zero; //手指开始按下的位置 private Vector2 end = Vector2.zero; //手指拖动的位置 enum sl ...

  4. javascript判断浏览器和终端类型,js如何区分手机、电脑终端和浏览器

    判断浏览器类型 复制代码代码如下: if ( window.sidebar && "object" == typeof( window.sidebar ) & ...

  5. python手机触屏代码_JS移动客户端--触屏滑动事件及js手机拖拽效果

    移动端触屏滑动的效果其实就是图片轮播,在PC的页面上很好实现,绑定click和mouseover等事件来完成.但是在移动设备上,要实现这种轮播的效果,就需要用到核心的touch事件.处理touch事件 ...

  6. JavaScript判断是否是手机mobile登录

    在页面代码中加入以下js,即可利用JavaScript判断是否是手机mobile登录! <script type="text/javascript" src="${ ...

  7. JavaScript判断设备类型加载对应网页并设置两端通用事件

    JavaScript如何判断设备类型加载对应网页并设置通用事件 基本思路: 在网页入口添加判断逻辑,如下:首先获取当前navigator对象的userAgent,通过userAgent判断当前设备类型 ...

  8. php判断是否为手机设备

    2019独角兽企业重金招聘Python工程师标准>>> 判断是否是手机设备,仍在不断地升级中,欢迎指教. // 判断是否为手机端 function is_mobile() {// 如 ...

  9. PHP判断当前的设备是手机(Mobile)还是电脑(PC)

    在做web的时候,经常需要用到对移动设备的适配,当然可以直接把网站做成响应式蛾,但是如果不想这么做的话,可以使用php判断一下当前的设备是手机还是电脑. 方法一: /*** Test if the c ...

最新文章

  1. linux系统测试报告,[Linux-文件系统测试] -- Bonnie++测试
  2. Spring AOP之异常转换
  3. ITK:从测量列表创建直方图
  4. minecraft pythonapl_Substance PythonAPI入门案例
  5. 数据结构:静态链表实现树的同构
  6. 【笔记3】二维码扫码数据埋点
  7. Reids Lua 模糊查询所有key 及 相对应的集合总数
  8. Python指南--错误和异常
  9. 简明 Python 教程
  10. HG_REPMGR configure配置
  11. linux修改文件类型和权限
  12. 中国IT产业人才分布地图
  13. 七月上伴奏计算机按键,数字化音乐专业教室配备方案(7页)-原创力文档
  14. pytorch_BCELoss的reduction参数理解
  15. 回首步入社会的两个月
  16. python输出星号等腰三角形_星号三角形Python(带输入)(Asterisk Triangle Python (with input))...
  17. Codeforces——791A Bear and Big Brother
  18. 【小西】优化生日品同步网易严选功能,使其支持多SPU对多SKU关系
  19. kaggle数据挖掘竞赛--信用卡违约风险评估模型
  20. 黑金开发板在NiosII环境下烧写image到flash失败的解决办法

热门文章

  1. 国际运营版Java区块链交易所源码币币+法币+永续+期权+机器人
  2. 免授权版傻瓜式建站系统
  3. 终于我还是放手了, 但是只想说,暂别 Aptana Studio 3,Phpstorm来吧!(附:个人遇到的小问题的解决方法)...
  4. 爹地,我找到了!15个极好的Linux find命令示例
  5. 236.二叉树的最近公共祖先
  6. python——asyncio模块实现协程、异步编程(三)
  7. 【图说word】宏二
  8. 如何用Pygame写游戏(十五)
  9. SqlServer数据库的常用操作-更新中
  10. Spring学习笔记专题二