如何禁用“在新选项卡中打开链接”在浏览器中？

Question

如何禁用/删除浏览器右键菜单中的“在新选项卡中打开链接”选项？ 如果这对于 javascript 等来说是不可能的，那么有没有办法修改用户单击此链接时发生的情况，例如，显示警报或阻止选项卡加载..？

Answer 1

在新选项卡/窗口中打开链接的能力是许多浏览器的本机功能。如果您不希望允许这种类型的活动，那么您需要通知浏览器您的链接不是真正的链接。最简单的方法是从 a 元素中删除 href 属性。

HTML：

<a href="http://google.com">Can be opened in new tab/window</a>
<a>Cannot be opened in new tab/window</a>

现在，浏览器在看到链接时可能会默认为您执行一些其他操作。如果您尚未定义 a 元素的任何样式，则新的精美伪链接可能不会显示链接字体颜色、指针和下划线。您可以继续轻松地做到这一点。

CSS：

a {
    color: blue;
    cursor: pointer;
    text-decoration: underline;
}

这有望回答如何禁用/删除浏览器右键菜单中的“在新选项卡中打开链接”选项的问题。不过，为了获得一些额外的好处，我假设您可能希望该链接在单击时仍然像常规链接一样发挥作用。请随意使用一些 JavaScript 来实现这一点。下面是一个使用 jQuery 的示例：

JavaScript：

$("body").on("click", "a[data-href]", function() {
    var href = $(this).data("href");
    if (href) {
        location.href = href;
    }
});

修改的 Html：

<a href="http://google.com">Can be opened in new tab/window</a>
<a data-href="http://google.com">Cannot be opened in new tab/window</a>

修改的 CSS：

a[href], a[data-href] {
    color: blue;
    cursor: pointer;
    text-decoration: underline;
}

希望这会有所帮助！

Answer 2

2019 年，

我将重点强调 2 条重要评论：

1. nnnnnn @ 2011 年 8 月 10 日 5:49 ：

   <块引用>

   作为用户，我更喜欢从以下位置触发该类型的功能：
   按钮而不是链接。我希望链接能够以更标准的方式工作
   方式包括给我右键单击菜单或
   单击中键直接在新选项卡中打开。

2. 帕尔斯 @ 2013 年 12 月 21 日 13:10 ：

   <块引用>

   当您单击鼠标中键或按住 CTRL 并按住时，此操作将不起作用
   单击链接。如何处理这些情况。

由浏览器决定是否获取链接行为。

如果全部 以下条件匹配：

1. 它是 ... 标记（不是 span、div、<代码>按钮等）。
2. 它有 href 属性。
3. href 属性不为空。

下面将获得链接行为：

<a href="http://www.website.com">Click Here</a>

下面不会获得链接行为：

<a>Not link because no href</a>
<a href="">Not link because empty href</a>
<span>Not link because not "a" tag</span>
<span href="http://www.website.com">Not link because not "a" tag again</span>

重要提示：

同样，这取决于浏览器决定。如果上述 3 个条件中的任何一个匹配，一些旧/愚蠢的浏览器可能会给出链接行为！

结论

如果它是链接，则使用 ...。如果它不是链接，则使用其他内容，例如 。

Answer 3

我不知道为什么有人会否决你的问题，你需要谷歌的是如何使用 javascript 劫持事件。当您单击链接并阻止其工作时，您可以很好地显示警报。 jQuery 是一个 populat JS 工具包，有一个方法可以停止元素上的默认事件，用简单的英语来说，使用 jQuery，您可以停止超链接的工作并显示警报。此链接 http://api.jquery.com/event.preventDefault/ 可以进一步帮助您。关于禁用右键单击网页时出现的上下文菜单，是的，这是很有可能的。我不是 JS 忍者，所以无法评论是否可以从上下文菜单中删除某个项目，但在我看来，这是不可能的。

Answer 4

现在已经解决了主要问题，非常容易，因为只需将 href 的查询字符串传递给 ajax 函数即可。

我可能应该在我的问题中解释说我想要的只是作为临时措施。无论如何，感谢所有的评论。