元素點擊不適用於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");
}