javascript - 以编程方式单击 -tag 在 Firefox 中不起作用

Question

我对 click() 有疑问- 来自 jquery 的函数。我创建了一个 <a> -元素与 document.createElement('a')想调用click() -关于这个元素的功能。关于这个元素，我想创建一个 Excel 文件并将其保存在桌面上。

我的代码:

$('body').on('click', '#test', function(event) {
    var link = document.createElement('a');
    link.download = 'test.xls';
    link.href = 'data:application/vnd.ms-excel;utf-8,test';
    link.click();
});

此功能在 chrome 下有效，但在 Firefox 下无效。

Working example

有谁知道为什么这不起作用？

Answer 1

在 Firefox 中，您可以显式地将创建的元素添加到 DOM 中，它会起作用:

$('body').on('click', '#test', function(event) {
    var link = document.createElement('a');
    // Add the element to the DOM
    link.setAttribute("type", "hidden"); // make it hidden if needed
    link.download = 'test.xls';
    link.href = 'data:application/vnd.ms-excel;utf-8,test';
    document.body.appendChild(link);
    link.click();
    link.remove();
});

Fiddle