このコードがなぜ動くのか

Question

このスクリプトがfirefoxで動かないのですがどの部分が未実装なのでしょうか？

  var text = "テキストデータ";
 
  var blob = new Blob([text], {type: "text/plain"}); // バイナリデータを作ります。

  // IEか他ブラウザかの判定
  if(window.navigator.msSaveBlob)
  {
      // IEなら独自関数を使います。
      window.navigator.msSaveBlob(blob, "ファイル名.txt");
  } else {

      // それ以外はaタグを利用してイベントを発火させます
      var a = document.createElement("a");
      a.href = URL.createObjectURL(blob);
      //alert(a.href)
      a.target = '_blank';
      a.download = 'ファイル名.txt';
      a.click();
    //alert(a.href)
  }

firefoxがセキュリティ上防止してるのでしょうか？chromeだと動きます。
お願いします。

Answer 1

Lhankor_Mhyさんの指摘通りdocument出力されていないとa.click();が動かないようですね。
以下の実装ではどうでしょうか。

var text = "テキストデータ";

var blob = new Blob([text], {type: "text/plain"}); // バイナリデータを作ります。

// IEか他ブラウザかの判定
if(window.navigator.msSaveBlob)
{
    // IEなら独自関数を使います。
    window.navigator.msSaveBlob(blob, "ファイル名.txt");
} else {

    // それ以外はaタグを利用してイベントを発火させます
    var a = document.createElement("a");
    var e = document.createEvent('MouseEvent');
    a.href = URL.createObjectURL(blob);
    a.target = '_blank';
    a.download = 'ファイル名.txt';

    e.initEvent( "click", false, true );
    a.dispatchEvent( e ); 
}

Comments

[退会済みユーザー]

動きました！そういえばdispatchEventなんてありましたね。イベント系はあまり覚えてないので今度復習しようと思います。ありがとうございました。

Answer 2

試してみましたが、document.body.appendChild(a);してからイベント発火させると動作しました。