在 Firefox 中以编程方式单击 标签不起作用

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

My code:

$('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下无效。

工作示例 http://jsfiddle.net/0hnuw6b4/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 http://jsfiddle.net/0hnuw6b4/17/