移动端 ios touchmove滑到边界（浏览器地址拦以以上） touchend失效解决办法

Posted 2020-06-08

在移动端h5页面；尤其那些全屏幕的盒展示切换页面，当用户无意中将手指滑到了 浏览器地址拦以上(中国移动这快区域)；此时，手指已经离开屏幕了，但是ios上无法监听到touchend 事件；toucend监听的回调函数事件直接失效；

该问题只有在实机 上才有；模拟器上，安卓暂时没发现; touchcancel取消事件没啥用；

 

百度了好久。问了好多人没找到办法；后来突然想到解决办法；move时候 碰到地址拦；直接调用end的回调函数，

                  if(touchs.clientY<2&&isiOS){  //如果碰到地址拦   ios手机bug
                         end(e);
                    } 

 

其中,touchs.clientY<2   这里不建议  if(!touchs.clientY&&isiOS){}