javascript - 元素点击在 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");
}