单击一个链接并使用 window.open() 阻止其中一个链接

Question

我正在尝试创建一个简单的 JS 函数，该函数将在单击特定按钮时打开一个新窗口/选项卡，因此用户实际上会打开 2 个窗口/选项卡，但是无论我做什么，其中一个链接都会得到被 Chrome 屏蔽为“弹出窗口被屏蔽”。

我想做这样的事情：

    $(document).ready(function(){
        $("a").mousedown(function(){
            window.open("https://stackoverflow.com/","_blank");
        });
    })

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a href="https://google.com">Click Me!</a>

;

但是当我这样做时，按钮链接不起作用，但 JS 可以。 如果我更改 JS 并向其添加 setTimeout()，则按钮 URL 会通过，但 JS 会被阻止。 无论我做什么，我都无法让他们两个都通过。

任何帮助将不胜感激。

Answer 1

同时导航到两个地方，其中一个在新窗口中，非常受想要在新窗口中向用户展示大量广告的人的欢迎。

大量广告不受用户欢迎，因此浏览器会采取措施防止这种行为。

有时合法的用途会陷入交火。归咎于广告行业的黑帽终结。

---

您需要找到其他方式来显示……无论您想向用户显示什么……而不涉及在单独的窗口中同时导航到多个网页。

Answer 2

问题是由您正在使用的 mousedown() 事件引起的，该事件是向下+向上序列的一部分，用于触发 <a> 标记的 click() 事件。

因此打开一个新窗口会“中断”流程，并且浏览器不再跟踪鼠标向上事件以跟随原始 url。

所以解决方案是在不停止传播的情况下附加 click() 事件。这将触发附加事件和原始事件，并且它们都不会被阻止。

  $(document).ready(function(){
        $("a").click(function(){
            window.open("https://stackoverflow.com/","_blank");
        });
    })

您可以在 this page 上尝试示例，因为 stackoverflow sn-p 已被沙盒化并阻止弹出窗口