3

jquery uiダイアログボックスを使用して（ページ上の他のリンクをクリックして）特定のページから移動する前に、特定のページのデータを保存するようユーザーに思い出させたい。onbeforeunload イベントを使用して、ユーザーが現在のページを離れようとしていることを検出し、ダイアログを表示する必要があることはわかっています。ただし、ユーザーがダイアログ ボックスで [はい] をクリックしたときに選択した URL へのナビゲーションを続行し、ユーザーが [いいえ] をクリックしたときに現在のページにとどまるようにするにはどうすればよいですか?

ありがとう！

4

2 に答える 2

3

プロンプト付きの関数をwindow.onbeforeunloadイベントに割り当てるだけです。例:

window.onbeforeunload =
    function() {
        return "Please make sure your data is saved."
    }

また、ブラウザは自動的に、「このページを離れる」と「このページにとどまる」という 2 つの選択肢をユーザーに表示します。

于 2012-06-15T20:26:23.430 に答える
1

http://vidasp.net/jQuery-unload.html を読み、jQuery を使用して Chrome と IE の body 要素に onbeforeunload を設定した後、window.onbeforeunload と $(window.unload にバインド) の両方にフックします。例を含む jsFiddle を次に示します: http://jsfiddle.net/jtaylor/SqwV2

于 2012-06-15T20:43:50.017 に答える