IE_javascript スキルの下で window.onbeforeunload メソッドが正しく動作しない問題の解決策

この問題の原因は、ユーザーが Web 閲覧中に製品を注文することがよくあるが、一度に多くのウィンドウを開いたり、キーボードで入力するときに誤って F5 キーを押したりしてページが更新されることがあったと顧客から報告されたことです。または異常終了し、この時点で Web ページ上で行われた操作に関するすべての情報が失われます。顧客情報が処理されない場合にプロンプ​​トを提供できれば素晴らしいと思います。ユーザーがクリックして閉じるか、タスクバーを閉じるか、「戻る」をクリックするか、更新するか、F5 キーを押すかに関係なく、ユーザーは退出しようとしています。

コードをコピー コードは次のとおりです:

検出するページに bindingunbeforunload() メソッドを登録するだけです。このメソッドは本体の onload またはここでは window.onbeforeunload を使用します。これは、ページがアンロードされる前にプロンプ​​ト ボックスが表示されることを意味します。テスト コード:

コードをコピーします コードは次のとおりです:

テスト開始 h1>

今回テストしたコードはこれだけです。ページを更新すると、期待したダイアログ ボックスが表示されます。しかし、上記のコードを IE で開いたとき、「イベント バインディングの削除ボタン」が機能しなかったので、国内ユーザーの 3 分の 2 が IE を使用しており、特に IE6、7 を使用している場合は非常に落ち込んでいました。 IE6 および 7 では正常に動作しません。これは、私の作業が無駄であることを意味します。もちろん、ボーナスについて考える必要はありません。メソッドはすべて人が考え出したもので、ダイアログ ボックスを表示するかどうかを制御するためにグローバル変数を使用します。変更された「JavaScript」コードは次のとおりです。コードをコピーします

コードは次のとおりです。 var goodexit=false ; function bindingunbeforunload () {

goodexit=false;

window.onbeforeunload=perforresult;
function unbindunbeforunload()
{
goodexit=true;
window.onbeforeunload =null;
}
function perforresult()
{
if(!goodexit)
{
return "現在の操作は保存されません。この時点で退出すると、操作情報がすべて失われます。退出しますか?";
}
}



バインディングを削除するときイベントが同時に呼び出される場合は、変数 Goodexit の値を次のように変更します。 true はユーザーが正常に終了したことを意味するため、ダイアログ ボックスは表示されません。
もう一度テストしてください。正常です。はい、これが私が望む結果です!
この記事は Brandon Himes からのもので、これも Google スナップショットからのものです。ソース リンクが見つかりません。もともと翻訳したかったのですが、私のレベルでは理解できません。翻訳は良くありません。逆に、お叱りを招きます。ソーステキストを読みたい場合は、ここをクリックしてください。これはスナップショットのアドレスなので、しばらくすると存在しない可能性があります。