新标签 javascript 链接

Question

我有一个问题困扰了我一段时间。我在通过 javascript 处理链接并右键单击 -> 新选项卡链接时遇到问题。问题是当前功能使用 onclick="RedirectFunction();"这非常适合根据页面上设置的参数创建动态链接，但不适用于右键单击 -> 新选项卡（或中间单击）

一个可能的解决方案是，每次在页面上更新过滤器时，我都会更新页面上的每个链接以反映更改并将这些新参数硬编码到 <a href> 中。但是，如果页面上有很多链接，此解决方案似乎效率不高。

是否有一种简单的方法可以让用户仍然具有右键单击 -> 新选项卡（或中间单击）功能，同时允许我在用户单击特定链接时继续动态创建链接？

Answer 1

您可以在mousedown 事件中更改链接的href。这样新的href就会被使用，无论是在新标签页打开、中键还是普通点击。

<a id="test" href="http://www.example.com">Test Link</a>

document.querySelector('#test').addEventListener('mousedown', function(){
    this.href = "http://google.com";
})

Try it out