元素点击在 Firefox 和 IE 中不起作用，但在 Chrome 中起作用

Question

嗨！

我正在尝试接收带有 angularjs 的文件，而无需重新加载页面，并且可以动态设置此文件的名称。

为此，我使用以下代码块：

var filename = "my_filename.txt";
var element = angular.element('<a/>');    
element.attr({
   href: "service/download/",
   target: '_blank',
   download: filename
});
element[0].click();

此代码适用于 Google Chrome，但不适用于 Firefox 和 Internet Explorer。在 IE 和 FF 中，单击按钮后什么也没有发生。

你能指出我正确的方向吗？如何调查和解决此问题。

• Chrome 版本为 35.0.1916.153
• Firefox 版本为 30.0
• Internet Explorer 版本为 10.0.9200.16899

谢谢！

Answer 1

试试这个方法

var filename = "my_filename.txt";
var element = angular.element('<a/>');    
element.attr({
   href: "service/download/",
   target: '_blank',
   download: filename
});
if (document.createEvent) {
var ev = document.createEvent("MouseEvent");
  ev.initMouseEvent(
    "click",
    true /* bubble */, true /* cancelable */,
    window, null,
    0, 0, 0, 0, /* coordinates */
    false, false, false, false, /* modifier keys */
    0 /*left*/, null
  );
  element[0].dispatchEvent(ev);
}
else {
  element[0].fireEvent("onclick");
}