Firefox a.clickはブレークポイントなしで起動しません

Question

私は、AJAX呼び出しがあるプロジェクトで作業しています。このAJAX呼び出しでは、Excelファイルを含むBLOBで応答します。私は、コードをダウンロードしてファイルを開き、応答を取得します。

var blob = new Blob([response.data], {type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"}); 
var objectUrl = URL.createObjectURL(blob); 
var a = document.createElement("a"); 
var header = response.headers("Content-Disposition"); 
a.download = header.substring(header.indexOf("filename=") + "filename=".length); 
a.href = objectUrl; 
document.body.appendChild(a); 
console.debug("Clicking a tag"); 
a.click(); 
document.body.removeChild(a); 
window.URL.revokeObjectURL(objectUrl); 

このコードはchromeではうまく動作しますが、firefoxではa.click（）が起動しても何も起こりません。コールバックが起こっていることを知っているので、デバッグステートメントが表示されます。また、何らかの理由で、私がa.click()にブレークポイントを置くと、それは完全に動作します。

クリックがデバッグモードでのみ機能する理由を説明できますか？

Answer 1

Firefoxは、このようなことを回避するために、いくつかのセーフガードや奇妙な動作があります。私は導出を知っているが、クリックを行う前に一瞬のために戻ってブラウザに降伏することは、通常、それをクリアしていない：setTimeout次のコードは、setTimeoutの前に内容を実行することを

// ... 
a.href = objectUrl; 
document.body.appendChild(a); 
setTimeout(function() { 
    a.click(); 
    document.body.removeChild(a); 
    window.URL.revokeObjectURL(objectUrl); 
}, 0); 
// ... 

注意し。

あなたも、2を必要としない場合があります

// ... 
a.href = objectUrl; 
document.body.appendChild(a); 
setTimeout(function() { 
    a.click(); 
    setTimeout(function() { 
     document.body.removeChild(a); 
     window.URL.revokeObjectURL(objectUrl); 
    }, 0); 
}, 0); 
// ...