jquery实现不被浏览器拦截的弹窗方式


最近做项目,需要用到弹窗,一开始直接使用的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标签

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM