H5页面的点击事件click 无论在浏览器 iframe还是小程序里面 都会出现点击无反应或者反应慢的情况出现

所以决定用touchend事件来代替click

但是touchend事件触发比较灵敏 在滑动页面时 如果不小心触碰有touchend事件的元素都会触发

尤其是在满屏都有touchend元素的页面中 只要稍有滑动都会触发该事件 很无奈

解决方法如下:

监听滑动事件 在滑动事件里面阻止touchend事件

functionstopTouchendPropagationAfterScroll() {var locked = false;window.addEventListener('touchmove', function() {locked|| (locked = true, window.addEventListener('touchend', stopTouchendPropagation, true));},true);functionstopTouchendPropagation(ev) {ev.stopPropagation();window.removeEventListener('touchend', stopTouchendPropagation, true);locked= false;}}var divs = $(".go");stopTouchendPropagationAfterScroll();divs.on("touchend", function() {alert('触发touchend')    });

转载于:https://www.cnblogs.com/luffyc/p/10573101.html

移动端click事件无反应或反应慢 touchend事件页面滑动时频繁触发相关推荐

  1. 小程序 onReachBottom 事件快速滑动时不触发的bug

    一般在列表页面 会先加载一定数量的数据 触发上拉加载这个动作的时候再陆续加载数据 假如上拉一次加载10条数据 在小程序中 你快速滑动页面触发加载这个事件的话 你会发现小程序卡着不动了 刚开始以为数据加 ...

  2. android touch事件无反应,移动端touch事件

    当用户手指放在移动设备在屏幕上滑动会触发的touch事件 webkit: touchstart--当手指触碰屏幕时候发生.不管当前有多少只手指 touchmove--当手指在屏幕上滑动时连续触发.通常 ...

  3. 移动端触摸事件中touchstar、touchmove、touchend、touchcancel事件

    HTML5中新添加了很多事件,但是由于他们的兼容问题不是很理想,应用实战性不是太强,所以在这里基本省略,咱们只分享应用广泛兼容不错的事件,日后随着兼容情况提升以后再陆续添加分享.今天为大家介绍的事件主 ...

  4. 触摸事件中touchstar、touchmove、touchend、touchcancel事件应用方法及实例

    触摸事件中touchstar.touchmove.touchend.touchcancel事件应用方法及实例 一. 分享到: 前面我们介绍过移动设备中一些设备事件,例如手机旋转90度.倾斜等设置放置姿 ...

  5. 触摸事件中touchstart、touchmove、touchend、touchcancel事件应用方法及实例

    触摸事件中touchstar.touchmove.touchend.touchcancel事件应用方法及实例 一. 分享到: 前面我们介绍过移动设备中一些设备事件,例如手机旋转90度.倾斜等设置放置姿 ...

  6. 滑动翻页效果实现和移动端click事件问题

    前述 本文很短~ 主要是为了总结和讲述移动端click和js事件机制导致的一个问题. (:咳咳,其实几句话就能写完的还要水一篇文章,不愧是我- 正文 最近做了一个小活动,里面要用到一个效果:滑动翻页. ...

  7. fastclick:处理移动端click事件300毫秒延迟

    fastclick:处理移动端click事件300毫秒延迟 1.兼容性 iOS 3及更高版本的移动Safari iOS 5及更高版本的Chrome Android上的Chrome(ICS) Opera ...

  8. 苹果浏览器移动端click事件延迟300ms的原因以及解决办法

    这要追溯至 2007 年初.苹果公司在发布首款 iPhone 前夕,遇到一个问题 -- 当时的网站都是为大屏幕设备所设计的.于是苹果的工程师们做了一些约定,应对 iPhone 这种小屏幕浏览桌面端站点 ...

  9. 移动端click事件延时

    在移动端使用click事件会产生300ms的延迟 问题的产生: 移动端存在双击放大的问题,所以在移动端点击事件发生时,为了判断用户的行为(到底是要双击还是要点击),浏览器通常会等待300ms,如果30 ...

最新文章

  1. tomcat 编译版本
  2. 浅析Java线程的三种实现
  3. mysql 导入超时_sql数据库有1000M怎么导入mysql?导入超时怎么办?
  4. 交叉编译termcap1.3.1
  5. java运行出现XML_eclipse开发环境下,项目运行时出现pom.xml报错(java.io.PrintWriter)...
  6. golang MySQL 占内存_使用golang插入mysql性能提升經驗
  7. 哪些英语母语者常用的词组对于普通中国大学生来说是生疏的?
  8. Matlab2018a破解出现licensing error:-8523
  9. 微型计算机原理与接口技术第二版答案邹逢兴,清华大学出版社-图书详情-《微型计算机原理与接口技术教学辅导(第2版)》...
  10. Mac 使用终端彻底格式化U盘
  11. 为什么大家都说SELECT * 效率低
  12. github之处理“忒修斯之船”问题
  13. 【教程】关于打开一些exe文件时,打开方式为microsoft store的解决办法
  14. 数据库的事务ACID特性以及MySQL如何保持事物特性
  15. 启动QQ时无法访问个人文件夹XXX,是否自动修复个人文件夹权限
  16. 聊天室案例,模仿QQ,微信群聊
  17. SA(需求分析师)笔试题目整理
  18. YouTube多语种视频营销,低成本也能带来高收益
  19. 基于Springboot的电商系统开题报告
  20. 新媒体写作如何变现?分享7个零成本知识变现的渠道

热门文章

  1. 阿里P8、P9税后180W及以上到底是什么水平?
  2. 解决java.sql.SQLException: Access denied for user ‘***‘@‘localhost‘ (using password: YES)
  3. 雷锋网的那些段段(一)。
  4. vue中xlsx导出多个sheet页
  5. win7 无法组播的问题
  6. React 源码中的 Object.seal
  7. MySQL 的几种碎片整理方案总结(解决delete大量数据后空间不释放的问题)
  8. OpenPCDet 训练自己的数据集详细教程!
  9. 云主机搭建Git服务器
  10. 云主机1元简直就不是骗人的,大家不要上当受骗了呢