捕获“在新选项卡中打开链接”和“在新窗口中打开链接”事件

Question

这是我的代码

<a href="javascript:void(0)" onclick="myFun('www.google.com');" onmousedown="myFun('www.google.com');">

每当我单击此链接时，都会使用 onclick 事件调用我的函数。我为右键捕获添加了 onmousedown 事件。但问题是，在选择 "Open in new tab" 或 "Open in new window" 选项之前调用此函数。当用户使用右键单击并在选择右键单击选项之前，该函数被调用。我不想要这种行为。我想在用户实际选择“在新标签中打开链接”或“在新窗口中打开链接”选项时调用此函数。

我不想在状态栏中显示链接，也不想让用户复制链接地址。这就是我使用 onclick 和 onmousedown 事件的原因。

请帮帮我。谢谢

Answer 1

您遇到的问题是，右击和左击都是使用 onclick 函数处理的。另一种可能性是使用 oncontextmenu（如 here 所述）。

但我认为您需要以不同的方式处理右键单击和左键单击，因此 onclick 是正确的事件，只需检查它是主要 (0) 还是次要 (2) 鼠标按钮（请参阅here）。所以你的解决方案可能是这样的：

myFun(link) {
    var buttonPressed = instanceOfMouseEvent.button;
    if (buttonPressed == 0) {
         //Handle normal click
    } else if (buttonPressed == 2) {
         //Handle right click 
    }
}

Answer 2

听起来您正在寻找这样的东西，一旦启动上下文菜单就会改变链接：

function myFun2(url) {
   linkEl.href = url;
}

然后为a元素分配一个ID（即“linkEl”），删除onmousedown处理程序，并分配一个oncontextmenu处理程序，如：

oncontextmenu="myFun2('www.google.com');"

然后当上下文菜单启动时，链接会改变，所以如果选择“在新选项卡中打开”或“在新窗口中打开”，它将转到谷歌（在本例中）而不是任何链接设置为以前的。