javascript - 触发附加 anchor 标记的点击事件

标签 javascript jquery

我附加了一个 <a>带有 href 的标签具有下载属性。

$('<a>Download</a>').attr({
    download: 'testing.svg',
    href: dataUrl,
    id: 'download',
    name: 'test'
    // style:'display:none'
}).appendTo("body");

这是我的代码,我想触发 click事件:

$('#download').trigger( "click" );

这不起作用,因为它是附加元素。

我尝试使用 window.open(href,'_blank');但如果我运行此语句,则文件不会下载。它只是打开一个新标签。

如何在不重定向的情况下下载文件?

最佳答案

尝试这样的事情:

 $(document).ready(function(){
   var dataUrl = "https://upload.wikimedia.org/wikipedia/commons/8/88/Inkscape_vectorisation_test.svg"
   $dnl_link = $('<a>Download</a>').attr({
        download:'testing.svg',
        href:dataUrl,
        id:'download',
        name: 'test',
        
    })
    $dnl_link.appendTo("body");
 
  $("#download")[0].click();
  
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body></body>

关于javascript - 触发附加 anchor 标记的点击事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47390435/

相关文章:

javascript - 在 Javascript 中使用 Symfony2 路由

javascript - String.slice 和 String.substring 有什么区别?

javascript - 当 URL 未打开时,Service Worker 不会监听推送事件

javascript - 在 JavaScript 或 jQuery 中获取部分 View 中的 HTML 类名称

JQuery 响应式菜单全宽

javascript - Jquery 悬停和焦点应用类以及数据延迟迭代

javascript - 当我到达某个 div 时,scrollTop 不起作用

javascript - typescript :如何在 Object.entries().forEach([key,value]) => 中正确键入键和值参数

javascript - 具有多行的动态 Javascript 对象

带有特殊字符(即 ö、ä、é 或 ß)的 jQuery 自动完成