当手指在屏幕上而不抬起时,javascript 动画在 ios safari webkit 浏览器中停止

标签 javascript ios animation webview touch

我有一个 WebView ,正在应用程序中显示 页面上有一个动画,一个数字计时器,我在其中显示每个数字的图像,例如 00:39、29:39 等

它正在页面内的 javascript 中使用 setInterval 进行动画处理 问题是,当我将手指放在屏幕上时,即无需抬起手指即可触摸 浏览器停止,意味着动画不再动画,它停止在我手指触摸屏幕的地方,当我抬起手指后它会继续动画

我该如何解决这个问题? 我听说我可以使用 prevent default 方法,但这不会忽略我在页面上的所有事件吗?

基本上除了我网页中的计时器,我还有一些用户可以与之交互的东西,所以它正在寻找点击事件等。

所以我当然也想保留它 请帮忙

这发生在 ios 设备上......如果我在桌面浏览器中运行,一切似乎都正常......不会停止观察

最佳答案

仅供以后遇到此问题的任何人使用: 滚动时网络浏览器中的动画总是停止,这是您的 WebView 通过手指触摸预期的结果。 这也会发生在桌面浏览器上

关于当手指在屏幕上而不抬起时,javascript 动画在 ios safari webkit 浏览器中停止,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10356285/

相关文章:

javascript - 平滑滚动到

javascript - 想要在 HTML 中动态添加隐藏的输入字段

ios - PDF 中 Times-Roman 字体缺少宽度

ios - 异步请求未正确更新变量

ios - indexPath.row 在静态或滚动时更新不正确

css - 删除元素时使用 animate.css 播放动画

wpf - Silverlight:Storyboard 的 Completed 事件处理程序延迟

javascript - 在移动设备中打开时将链接转换为幻灯片过渡

javascript - 如何在 Meteor Blaze 模板中包含 HTML <template> 元素?

android - 滑动列表项以获取更多选项(Flutter)