javascript - anchor 目标_blank被浏览器屏蔽

Question

我正在尝试理解以下行为。

我创建了一个简单的 anchor 标签:

<a href="/example/link" target="_blank">
    <img src="/images/layout_open.png">
    <span class="open-new-tab">Open in new tab</span>
</a>

更新:这些 <a>标签是异步创建的。 AJAX 请求后，JS 创建 <a>标签。

问题是谷歌浏览器会阻止打开的标签，就好像它是一个干扰性的弹出窗口一样。

如何避免这种行为？我已经阅读了其他 StackOverflow 问题，我可以添加 <a>标记数据属性并通过 jQuery 将事件绑定(bind)到它并使用 JS 我可以打开一个新窗口。

我无法理解的是为什么在我的示例中它不起作用，而在其他站点中它没有被阻止。它链接到相同的域和主机。

我断定可能是因为当我按下 span 或 img 时，事件会在冒泡阶段触发，这不是直接 Action ，而是间接 Action 。

这是什么原因造成的，我该如何避免？

谢谢

更新:

我想我已经找到了解决方案。问题是图像有一个我之前没有附加的 onclick 事件。就像这样:

<a href="/example/link" target="_blank">
    <img src="/images/layout_open.png" onclick="showFullImage()">
    <span class="open-new-tab">Open in new tab</span>
</a>

我还没有尝试过，但是正如@Siderite 所建议的那样，阻止不是常规的浏览器行为。所以我认为谷歌浏览器会将此标记为间接操作。

我明天会尝试并在更新编号中通知您。 2

谢谢大家

Answer 1

这不是浏览器的正常行为，而更有可能是试图积极阻止弹出窗口的扩展程序。

转到 chrome://extensions/url 检查您的 Chrome 扩展程序。