在一些 Android的本机浏览器上触摸页面似乎停止显示直到手指被释放更新.这适用于基于html元素的动画(切换类)和基于画布的动画.但是它不会停止正常的js执行,并且正常触发其他事件.在有这个问题的设备上,海豚浏览器似乎也受影响(尽管不是火狐).
Touchstart/move都有preventDefault()和stopPropergation(),cancelBubble = true; 和e.returnValue = false;.在CSS webkit中,选择也被禁用了.页面不会滚动.
这里也提出了类似的问题: Android浏览器是否会在touchStart上锁定DOM？
但是我想知道这种行为是否可以克服,或者至少要发现哪些设备会受到问题的影响,是设备还是版本的android问题？如果您无法回答运行演示的问题并报告您的体验以及您的设备型号和useragent(显示在演示页面底部)作为评论可能会帮助其他人或我自己回答问题.
这是一个演示和重现行为的步骤.可在此处找到该链接的QR码https://s3-eu-west-1.amazonaws.com/canvas-test-pd/tmp.png.
https://s3-eu-west-1.amazonaws.com/canvas-test-pd/index.html
网页顶部有一个画布,底部有一个背景图像的div.每一秒都会清除画布并显示不同的图像,并且div会切换它的类(在0和1个png之间切换).一旦切换了几次,将手指放在画布上(顶部灰色框)并将其保持在那里.等待动画是否继续(有时它会停止一次或两次)以及是否有任何视觉扭曲.
更新 似乎运行3.2的Galaxy Tab需要处理器用于touchstart /文档结束,而不仅仅是屏幕上所需的div继续更新显示.谢谢jimpic.
我开始相信这是制造商皮肤造成的问题,尽管这很难证明.
