移动端开发碰到一个坑

 

移动端开发真是不断踩坑，今天在做一个移动端的组件，又发现了一个坑，记录到日志里面，做个记录，以便以后再遇到这个问题有个记录可以参考。

 

在ios中的chrome浏览器中，手指从屏幕上方移动出屏幕（一定要经过屏幕边缘划出屏幕）时，不能触发touchend的事件，但是这个touchend事件并不是消失了，而是等到下次触摸屏幕的时候才会触发。

这个问题搞得我想到无奈，我的需求是一个容器内做一个动画，当手指离开屏幕时，也就是touchend时启动这个动画，有了这个问题，当手指是经过屏幕上边缘而离开屏幕是，不能触发touchend，所以就没法启动这个动画。这个问题页面有找解决方案。

 

在网上搜了一下也没有提到这个问题的文章、帖子，如果有那个同学有解决方案，赶紧留个言。

 

补充：

刚刚又测试了一下，不光是从上面划出屏幕时出现这个情况，向上滑动到浏览器的地址栏时，也会出现同样的情况。