Question

我有一些按钮，单击这些按钮后，会将用户带到另一个页面，在此之前，它将被禁用

$(this).prop('disabled',true);

当用户在某些浏览器（例如Firefox和iOS Safari）上单击“后退”按钮时，该按钮仍将被禁用。我希望按钮在单击后继续被禁用，但是如果用户返回页面（无论是通过“后退”按钮还是其他方式），则不要禁用该按钮。我该怎么办？

谢谢

Answer 1

在文档准备就绪时只需启用按钮即可：

$( document ).ready(function() {
    $( "button" ).prop( 'disabled', false );
});

Answer 2

正在添加 window.addEventListener("beforeunload", function() {});将迫使Firefox的行为类似于Chrome：

const appEl = document.body;
const buttonEl = document.createElement("button");
buttonEl.textContent = "button";
buttonEl.addEventListener("click", () => {
  const pEl = document.createElement("p");
  pEl.textContent = "changing page in 1 sec";
  appEl.append(pEl);
  setTimeout(() => (window.location = "//example.com"), 1000);
  buttonEl.disabled = true;
});
appEl.append(buttonEl);

window.addEventListener("beforeunload", function() {});

Javascript：如何在按下“后退”按钮时取消禁用按钮

2 个答案: