window.locationがページをリロードした後にonbeforeunloadをアクティブにする方法は？

Question

私はonbeforeunloadを私のプロジェクトで使用しています。ただし、ユーザーがリンクをクリックしてレポートをダウンロードできるセクションがあります。 window.locationがトリガーされる前に、私はwindow.onbeforeunload = nullを設定して、そのユーザーはアラート/確認ボックスを表示せずに、出かけるか滞在するか質問します。レポートをクリックしてブラウザを閉じるとファイルをダウンロードすると問題が発生しますonbeforeunloadが再びトリガされません。レポートをダウンロードした後に私はどのようにonbeforeunloadをトリガーできますか？ここに私の関数の例である：

function getReport(){ 
    var fileName = $(this).prop('id'), 
    param = 'rptFile=' + fileName; 

    try{ 
     window.onbeforeunload = null; 
     window.location = '/'+pathname+'/APPS/entry.cfm?idx=5&' + param; 
    }catch(err){ 
     alert("An error occurred retrieving the file."); 
    } 
}; 

私はentry.cfmをリロードしています私のメインページには、私は機能をonbeforeunloadいるdocument.ready機能を持っています。レポートがwindow.locationでダウンロードされると、その後、onbeforeunloadはbrが再びトリガーされることを期待しました。だから、私が何か間違っているのか、それともJSではできないのか分かりません。ここでentry.cfm例です：

$(document).ready(function() { 
    window.onbeforeunload = function() { 
     return 'Are you sure you want to leave?'; 
    } 
}); 

誰もが再びonbeforeunloadトリガする方法を知っている場合は私に知らせてください。ありがとうございました！

Answer 1

これは動作しません。nullwindow.onbeforeunloadwindow.locationをwindow.openに変更すると、新しいタブでレポートを開くことができます。

function getReport() { 
 
    try { 
 
    window.open('https://via.placeholder.com/350x150/ee5533', '_blank'); 
 
    } catch (err) { 
 
    alert("An error occurred retrieving the file."); 
 
    } 
 
}; 
 

 

 
window.onbeforeunload = function() { 
 
    return 'Are you sure you want to leave?'; 
 
} 
 

 
$('.dwl').on('click', getReport);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<a class="dwl">Try to download in new tab</a>