如何使用JavaScript或jQuery实现内部网站链接点击执行，然后转到点击链接

Question

我希望实现以下目标：

用户点击inbound网站链接，javascript/jquery会先执行一些内容，执行完毕后再加载下一个页面。

我尝试了几种我发现的技术，但都没有真正对我起作用(或者我做错了什么)。

具体来说，我想在转到下一页之前运行JS动画。

Answer 1

以下是执行此操作的步骤：

• 将click侦听器设置为链接

• e.preventDefault()以防止直接使用动画，我假设这将需要一些时间，因此当它将页面finishes

• redirect到所单击链接的href属性时，使用href继续

<代码>G213

​

redirectLink.addEventListener("click", redirect);
async function redirect(e){
     e.preventDefault();
     await runAnimation();
     console.log("redirecting...");
     window.location = e.target.href;
}
function runAnimation(){
     return new Promise((resolve, reject) => {
          console.log("running animation...");
          resolve();
     });
}

<a href="https://www.google.com/" id="redirectLink">Redirect</a>

​