如何使用javascript刷新我的html页面时清除按钮单击

How to clear button clicks when using javascript to refresh my html page?

本文关键字：清除 按钮 单击 html 何使用 javascript 刷新 我的      更新时间：2023-09-26

我正在使用如何在给定的不活动时间后自动重新加载页面的 java 脚本，每 30 秒刷新一次我的 html 页面，效果很好。该页面包含一个表单、一些按钮和一些文本字段。该窗体还包含一个状态列表，该列表在刷新页面时更新。单击按钮时，相应的值将被发送回服务器。问题是，一旦我点击了一个按钮一次，由于从javascript刷新，它每30秒重复一次。第一次后如何删除按钮点击？我想保留文本字段中的值。

如果你有一个附加到按钮的功能，比如

<button onclick="myFunction()">Click me</button>

然后将此行添加到该函数中

clickFlag = true

否则将其添加到您的按钮标签中

<button onclick="clickFlag = true">Click me</button>

并更改刷新功能，如下所示

 var time = new Date().getTime();
 $(document.body).bind("mousemove keypress", function(e) {
     time = new Date().getTime();
 });
 function refresh() {
     if(new Date().getTime() - time >= 30000 && clickFlag) 
         window.location.reload(true);
     else 
         setTimeout(refresh, 10000);
 }
 setTimeout(refresh, 10000);
您可以使用元

标记。这些属性HTTP-EQUIV，content是必需的。例如：http://website/login">

我找到了一个解决方案，但不要使用javascript。我添加了另一个 html 页面，提交表单时我会转到该页面。在这里，我从文本字段中提取数据（并调用一些 php）。然后我回到使用 php header 命令的第一页，附加了数据，但没有按钮。我仍然使用第一页上的 javascript 来更新状态列表，但由于刷新，没有收到任何重复的按钮点击。

相关文章：