一个按钮触发多个a标签，只有一个可以下载，其他的window.open()被浏览器拦截...

点击一个标签，触发多个a标签的下载事件，会出现只有一个文件下载，其他都被拦截，

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title><script src="https://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
</head>
<body><button id='download'>下载</button><!-- <input type="text" name='filePath'> -->
</body>
<script>// window.onload = function(){$(function(){$("#download").click( function(){//点击下载按钮alert('下载')let triggerDelay = 100;let removeDelay = 1000;let url_arr=['http://download.huduntech.com/software/smartpdf/installer/xunjiepdfreader.exe','http://download.huduntech.com/software/smartpdf/installer/xunjiepdfreader.exe','http://download.huduntech.com/software/smartpdf/installer/xunjiepdfreader.exe','http://download.huduntech.com/software/smartpdf/installer/xunjiepdfreader.exe'];//多个file文件选择checkbox// $('input[name="filePath"]:checked').each(function(){//     url_arr.push($(this).val());//取到下载url// });url_arr.forEach(function(item,index){_createIFrame(item, index * triggerDelay, removeDelay);console.log('index', index)})function _createIFrame(url, triggerDelay, removeDelay) {//动态添加iframe，设置src，然后删除setTimeout(function() {var frame = $('<iframe style="display: none;" class="multi-download"></iframe>');frame.attr('src', url);$(document.body).after(frame);setTimeout(function() {frame.remove();}, removeDelay);}, triggerDelay);}})})// }
</script>
</html>

react中用原生的js去写
这是基于antd的reactopenDown () {const triggerDelay = 100;const removeDelay = 1000;const {createIFrame}= thisthis.state.selectedRows.forEach((item, index)=>{createIFrame(item.fileUrl, index * triggerDelay, removeDelay)})},createIFrame (url, triggerDelay, removeDelay) {setTimeout(function (){// 动态添加iframe,设置src,然后删除const frame = document.createElement('iframe') //创建a对象frame.setAttribute('style', 'display: none')frame.setAttribute('src', url)frame.setAttribute('id', 'iframeName')document.body.appendChild(frame)setTimeout(function(){const node =  document.getElementById('iframeName')node.parentNode.removeChild(node)}, removeDelay)}, triggerDelay)},

转载于:https://www.cnblogs.com/summerXll/p/9052681.html

一个按钮触发多个a标签，只有一个可以下载，其他的window.open()被浏览器拦截...相关推荐

一个按钮触发两个事件可以吗？
问: 我想让一个按钮触发两个事件,submit1_click 和submit2_click()可以吗?怎么设?先执行submit1_click,再接着执行submit2_click.是再OnClick ...
JavaScript点击事件-一个按钮触发另一个按钮
<input type="button" value="Click" id="C" οnclick="Go();" ...
vue 点击一个按钮触发两个事件_vue事件点击穿透解决大法
最近在做项目的过程中遇到一个非常奇葩的bug,在h5页面点击一个按钮弹出弹窗,但是这个弹窗刚出现就会自动消失,导致屏幕出现闪动现象,关键这个bug还是偶现的.经过一番研究才发现是vue事件点击穿透引起 ...
flash一个按钮控制动画_PLC三组灯用一个按钮控制
今天作一个PLC小练习用一个按钮控制三组或三个灯,以达到控制灯的亮度,由PLC组成一个控制器,每按一次按钮增加一组灯亮,三组灯全亮后,每按一次按钮,灭一组灯(为了使每组灯亮的时间尽量相等,要求先亮的 ...
jq控制一个按钮触发单击效果
$a.click(funtion(){ //按钮a点击完成后.b也执行点击事件. $b.trigger( 'click' ); }); 或者 $('#B').click();
html网页加入一个按钮,在html网页设计中，一个“登录”按钮怎么编写代码？
html网页设计:一个简单的登录界面代码! 在html网页设计中,一个"登录"按钮怎么编写代码? 列如所给图片的"登录"按钮怎么用html代码显示出来,要求能够 ...
按一个按钮会随机死人_像素死人谷游戏下载
像素死人谷游戏下载,是一款黑暗风格的恐怖解密冒险类型的游戏,这款游戏拥有非常可怕的剧情解密玩法,并且展现了最精彩最唯美的放置对战冒险的模式,直接带你领略更加精彩的恐怖世界冒险,快来接受任务吧. 像素死 ...
html5 搜索按钮事件,一个按钮两个事件
一个按钮怎样调用两个JS事件在Aap.net中 ,一个 input 按钮或者Button按钮怎样同时调用两个JS事件. 先写两个事件: function a(){} function b(){ ...
Java实验8 T1.编程包含一个标签和一个按钮，在“你好”和“再见”之间切换
编程包含一个标签和一个按钮,单击按钮时,标签的内容在"你好"和"再见"之间切换.分别用本类(该类自身),外部类,内部类,匿名内部类,以及lambda表达式完成. ...

一个按钮触发多个a标签，只有一个可以下载，其他的window.open()被浏览器拦截...

一个按钮触发多个a标签，只有一个可以下载，其他的window.open()被浏览器拦截...相关推荐

最新文章

热门文章