时间戳

首页 > 解决方案 > 单击Javascript中的链接后自动返回

javascript - 单击Javascript中的链接后自动返回

问题描述

当用户单击 id="boo" 的 href 链接时，我试图让浏览器在 2 秒后自动“返回”。

这不起作用，我正在向大家寻求帮助。提前致谢！

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

编辑：（添加这个以澄清我的目标）所以基本上我想在点击时做两件事。导航到不同的页面 (time.is)，然后在 4 秒后自动返回原始页面。

标签： javascript

解决方案

我认为您必须使<a>标签的默认功能停止工作。请尝试添加.preventDefault().

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

如果你想一键做两件事，我建议这样做：

  1. 在新标签页中打开其他网站
  2. 在初始选项卡中 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>

推荐阅读