博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
混合开发中,拖拽功能,手指划出屏幕不能触发touchend事件
阅读量:5760 次
发布时间:2019-06-18

本文共 1082 字,大约阅读时间需要 3 分钟。

开发中,拖拽功能实现就是三个方法touchstart,touchmove,touchend,也很容易,但是在混合开发中,ios里面,当H5页面里面的拖动进行的时候,手指划出屏幕时,不会触发touchen事件,同时,touchmove事件就会一直存在,那么这就出现了bug,所有的拖拽事件否不能在执行了,因为上一个的touchemove没有结束!怎么解决这个问题呢,看代码

$(".s-read-move-box").on({                        touchstart: function (e) {                            e.preventDefault();                                                   },                        touchmove: function (e) {                            e.preventDefault();                                                      if (moveY <= 30) {                                if (navigator.userAgent.match(/(iPhone|iPod|iPad)/i)){                                        alert('已到顶部,试试滑动选项区查看更多内容!')                                }                               }                                                       },                        touchend: function (e) {                            e.preventDefault()                                                   }                    })

  在touchmove里面进行判断,到达某一个临界点的时候使用alert()自带的打断功能将事件打断即可!

 

 
 

转载于:https://www.cnblogs.com/ctb-web/p/9283249.html

你可能感兴趣的文章
gen already exists but is not a source folder. Convert to a source folder or rename it 的解决办法...
查看>>
HDOJ-2069Coin Change(母函数加强)
查看>>
遍历Map的四种方法
查看>>
IOS atomic与nonatomic,assign,copy与retain的定义和区别
查看>>
JAVA学习:maven开发环境快速搭建
查看>>
Altium Designer 小记
查看>>
【Linux高级驱动】I2C驱动框架分析
查看>>
赵雅智:js知识点汇总
查看>>
二维有序数组查找数字
查看>>
JavaScript(ES5)使用保留字作函数名
查看>>
20个Linux服务器性能调优技巧
查看>>
多重影分身:一套代码如何生成多个小程序?
查看>>
Oracle将NetBeans交给了Apache基金会
查看>>
填坑记:Uncaught RangeError: Maximum call stack size exceeded
查看>>
SpringCloud之消息总线(Spring Cloud Bus)(八)
查看>>
DLA实现跨地域、跨实例的多AnalyticDB读写访问
查看>>
基于Hyperledger Fabric交易系统帐户的钱包模型的java Chaincode实例
查看>>
实时编辑
查看>>
北漂之毕业裁员后的又一波奇遇
查看>>
Python数据分析:pandas常用函数
查看>>