gpt4 book ai didi

html - 按下后退按钮不会触发 的 OnLoad

转载 作者:可可西里 更新时间:2023-11-01 12:54:11 30 4
gpt4 key购买 nike

我的结账车显示 (1) 一个“处理订单...”的动画,在 (2) 提交之后并且卡片正在 php 脚本中处理。但是,当用户到达“已接受订单”页面并按下后退按钮时会触发错误。 “处理订单...”动画仍然显示。

(1) 加工显示如下:

<div style="position:absolute;display:none;" id="animation">
<img src="animation.gif"/>
</div>

(2)提交按钮时,使用的javascript:

onClick="document.getElementById('animation').style.display='block';
document.the_form.submit();"

因此,单击按钮,显示动画,提交表单,处理卡片,用户进入新页面。

当用户点击返回时,我们应该期待一个没有动画的页面。但是,不会触发 onLoad,并且会保存动画的最后状态(显示)。

知道如何在用户返回页面时删除动画吗?

最佳答案

受 Adam A 评论的启发,您可以在用户离开页面时隐藏动画(我怀疑通过表单提交是正常路径)所以如果/当返回页面时,动画不会显示.

实现此目的的一种方法是将隐藏代码添加到 HTML 正文的 onunload 事件中。

<body onunload="document.getElementById('animation').style.display='none';">

关于html - 按下后退按钮不会触发 <body> 的 OnLoad,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1700529/

30 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com