当 ctrl+ 时，防止当前窗口跟随 onlick/.click() 链接或中键单击

Question

我正在使用 onclick 事件使整个 div 成为可导航链接。这很有效，直到您使用 ctrl+单击或单击鼠标中键在新选项卡中打开目标。我发现确实打开了一个新选项卡，但当前选项卡也是如此。

通过 ctrl+单击此处的其中一个框来了解我的意思： http://mw.modhistory.com/ download-1

我不想因为总是强制进入新选项卡而中断正常浏览的能力...用户应该在此处拥有该选项。但我希望能够在新选项卡中快速打开其中的十几个链接，而不必反复“返回”。

我有一个我认为使用 PreventDefault() 的绝妙主意，但这最终与我的想法相反，并且完全阻止了打开新选项卡的能力（一旦我真正考虑过它是什么，这是有道理的打算这样做。）

有什么想法吗？谢谢！

——弗利格

Answer 1

我假设您的事件侦听器正在将事件发送到路由/分配函数，或者您希望实现的点击事件并不适合此功能。

无论哪种方式，您都可以执行以下操作：

// Assuming we already know what the purpose of the click was, and its target
function (e) {
    if (!!e.ctrlKey) { /* CTRL was held during mouse-click */ }
    else { /* not held */ }
}

至于鼠标按钮，它们非常混乱。

您应该可以使用以下任一方法：

e.which /* 1-based: middle-button is #2 */

或

e.button /* 0-based: middle-button is #1 */

请记住，过去多年来对确定哪些按钮是哪些按钮的支持确实很糟糕。
如果您有一个可以进行抽象的库，请使用它。
否则，除了向使用较新浏览器的人提供此功能，或编译which和button的先前值之外，它最终会解析浏览器版本，这永远不会很好。