移动浏览器:后退按钮上的更新元素

Posted

技术标签:

【中文标题】移动浏览器:后退按钮上的更新元素【英文标题】:Mobile browsers: update element on back button 【发布时间】:2012-05-07 14:56:56 【问题描述】:

当用户在移动浏览器上导航时(特别是当他们使用滑动手势导航页面时),我正在使用 javascript 来显示 CSS3 抖动器。但是,当使用浏览器后退按钮时,抖动在 iosandroid 中都存在。我尝试将以下内容添加到正文 onload,但似乎没有触发。

<body onload='document.getElementById("throbber").class="off";'>

有什么建议吗?

【问题讨论】:

【参考方案1】:

您需要监听 Back/Forward Cache (bfcache) 事件:pageshow 和/或 pagehide。见https://developer.mozilla.org/En/Working_with_BFCache

【讨论】:

成功了,谢谢!对于后代,我使用的代码是: 所需要的只是将 onload 替换为 onpageshow。 @MikkelPaulson 感谢您回来评论您的回答。太多人留下“太棒了!想通了”的问题

以上是关于移动浏览器:后退按钮上的更新元素的主要内容,如果未能解决你的问题,请参考以下文章

当我单击浏览器后退按钮或移动设备后退按钮时,保留选定的选项卡

JS监听微信支付宝等移动app及浏览器的返回后退上一页按钮的事件方法

如何在移动浏览器上检测退出意图?

重置/删除所有浏览器(包括移动设备)上的输入、选择和按钮的所有样式

JS--监听页面的后退/返回(移动端/PC端)

在颤动中按下移动后退按钮后网站应用程序未退出