點擊 Javascript 中的鏈接后自動返回 go

Question

當用戶單擊 id="boo" 的 href 鏈接時，我試圖讓瀏覽器在 2 秒后自動 go '返回'。

這不起作用，我正在向大家尋求幫助。 提前致謝！

document.getElementById("boo").addEventListener("click",
  function a(event) {
    setTimeout(function() {window.location = History.back},2000)}  
);

---

編輯：（添加這個以澄清我的目標）所以基本上我想在點擊時做兩件事。 導航到不同的頁面 (time.is)，然后在 4 秒后自動 go 回到原始頁面。

Answer 1

我認為您必須使<a>標簽的默認 function 停止工作。 請嘗試添加.preventDefault() 。

document.getElementById("boo").addEventListener("click",
  function (event) {
    event.preventDefault();
    setTimeout(function() {window.history.back()}, 2000);
  }   
);

---

如果你想一鍵做兩件事，我建議這樣做：

1. 在新標簽頁中打開其他網站
2. Go 在初始選項卡中 2 秒后返回上一頁

JavaScript：

document.getElementById("boo").addEventListener("click",
  function (event) {
    // Remove .preventDefault()
    setTimeout(function() {window.history.back()}, 2000);
  }   
);

HTML：

<a id="boo" class="clock" href="https://time.is/" target="_blank"></a>

Answer 2

語法錯誤的一部分（ history應該是小寫），您正在設置 window.location 與后面的 function，而不執行它。

這應該修復您的代碼：

document.getElementById("boo").addEventListener("click",
  function(event) {
    setTimeout(function() {window.history.back()}, 2000);
});