最近做项目，需要用到弹窗，一开始直接使用的window.open()打开新窗口，毫无疑问，新窗口直接被浏览器拦截了。

于是稍微研究了一下浏览器的弹窗拦截策略，发现如果是用户即时点击而导致的弹窗，浏览器不会进行拦截，就像是a标签的行为那样，浏览器会认为这是用户主动打开的窗口，因此不会将这个弹窗视为恶意弹窗进行拦截。

那么问题就简单了，直接使用jQuery模拟超链接(<a>)被点击，当按下一个按钮时，想打开一个新的标签页，可以模拟链接被按下，然后打开链接。

但是在jQuery中，使用a.click(), a.trigger(\’click\’)等都不会引起链接默认事件被执行，这个和a标签的点击事件有关。我们每次点击a标签的链接，触发的是a标签包含的文字的原始点击事件而进行的跳转。

示例代码如下所示：

$(\'#alert-success\').append(\'<a href="http://www.baidu.com" target="_blank"><span id="test">test</span></a>\');
$(\'#alert-success a #test\').click();//这里点击的是a标签包含的文字
$(\'#alert-success a\').remove();//删去a标签

 

版权声明：本文为pfr-blog原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/pfr-blog/p/7402636.html