検索

ホームページ  >  記事  >  ウェブフロントエンド  >  js を使用してページが更新されたか閉じられたかを判断する方法 (onbeforeunload および onunload イベント)_JavaScript スキル

js を使用してページが更新されたか閉じられたかを判断する方法 (onbeforeunload および onunload イベント)_JavaScript スキル

WBOY
WBOYオリジナル
2016-05-16 17:52:181345ブラウズ

onunload と onbeforeunload は、<script> スクリプトの window.onunload で指定するか、<body> で指定することができます。違いは、onbeforeunload は onunload の前に実行され、onunload の実行を妨げることもできることです。 <br>Onbeforeunload は、ページが更新されるか閉じられるときにも呼び出されます。onbeforeunload は、サーバーにアクセスして新しいページを読み取るときに呼び出されますが、onunload が読み込む必要のある新しいページを読み取っている間はまだ読み取りが開始されていません。現在のページが置き換えられようとしているときにサーバーが呼び出されます。 onunload では、ページの更新と閉じを防ぐことはできません。そして onbeforeunload でそれが可能です。 <br><br>onload はページがロードされるときにのみ実行されます。<br>onbeforeunload はページが閉じられたときに最初に実行され、最後に onunload が実行されます。次に onunload、最後に onload が実行されます。ページが更新されたときに実行されます。 <br><br><br>1. onbeforeunload イベント: <strong> </strong> 説明: Firefox と IE は現在、3 つの主要な主流ブラウザーで onbeforeunload イベントをサポートしていますが、Opera はまだサポートしていません。 <br> 使用法: <br> ·Object.onbeforeunload = handler <br> ·<element onbeforeunload = “handler” … ></element> <br> 説明: <br> イベントがトリガーされると、メッセージが表示されます。確認メッセージが表示され、ダイアログ ボックスをキャンセルします。キャンセルすると、このページに留まります。ハンドラーは、戻り値をダイアログ ボックスの表示テキストとして設定できます。 <br><br> トリガー: <br> ・ブラウザウィンドウを閉じる <br> ・アドレスバーまたはお気に入りから他のページに移動したとき <br> ・戻る、進む、更新、ホームページのいずれかをクリックしたとき<br> ・他のページに移動する URL リンクをクリックしたとき<br>・次のイベントのいずれかを呼び出したとき: クリック、ドキュメントの書き込み、ドキュメントを開く、ドキュメントを閉じる、ウィンドウを閉じる、ウィンドウ ナビゲート、ウィンドウ NavigateAndFind、位置置換、位置reload, form submit. <br> ・window open を使用してページを開き、このページ上のウィンドウの名前を開くページに渡す場合。 <br> ・location.hrefの値を再代入する場合。 <br> ・input type="submit"ボタンからアクションを指定してフォームを送信する場合。 <br> 以下の要素で使用できます: <br> ・BODY、FRAMESET、ウィンドウ <br> サポートするプラットフォーム: <br> IE4 /Win、Mozilla 1.7a、Netscape 7.2、Firefox0.9 <br> 例: <br><br></p> <div class="codetitle"><span><a style="CURSOR: pointer" data="88705" class="copybut" id="copybut88705" onclick="doCopy('code88705')">コードをコピー<u></u></a> コードは次のとおりです:</span></div> <div class="codebody" id="code88705"> <html xmlns="http://www .w3.org/ 1999/xhtml"> <br> <head> <br> <meta http-equiv="Content-Type" content="text/html" /> <br> <title>onbeforeunload Test</title> <br> <script> <br> function checkLeave(){ <br> event.returnValue="現在のページを終了しますか?"; > </script>

2. onunload イベント
使用法:
·object.onbeforeunload = handler
·

説明:
onunload イベントは、ユーザーが閉じるときにトリガーされます。ページ。


トリガー: ・ブラウザウィンドウを閉じる ・アドレスバーまたはお気に入りから他のページに移動したとき
・戻る、進む、更新、ホームページのいずれかをクリックしたとき
・他のページに移動する URL リンクをクリックしたとき
・次のイベントのいずれかを呼び出したとき: クリック、ドキュメントの書き込み、ドキュメントを開く、ドキュメントを閉じる、ウィンドウを閉じる、ウィンドウ ナビゲート、ウィンドウ NavigateAndFind、位置置換、位置reload, form submit.
・window open を使用してページを開き、このページ上のウィンドウの名前を開くページに渡す場合。
・location.hrefの値を再代入する場合。
・input type="submit"ボタンからアクションを指定してフォームを送信する場合。
例:




コードをコピー


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




onunload test
<script> <br> alert("ようこそ"); <br> } <br> </script>





良い方法ですねページが実際に閉じられて更新されたかどうかを確認するには:


コードをコピー コードは次のとおりです:
window.onbeforeunload=function (){
alert("===onbeforeunload===");
if(event.clientX> ;document.body.clientWidth &&event.clientY < 0 || イベント.altKey){
alert("ブラウザを閉じました");
}else{
alert("ページを更新しています");


このコードは、onbeforeunload イベントがトリガーされたときにマウスが閉じるボタンをクリックするか、ALT F4 を押して Web ページを閉じるかを決定します。そうであれば、システムは Web ページを閉じていると見なされます。システムが Web ページを更新していると考えられます。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：js内の中国語の数字と文字を判定する正規表現（例）_javascriptスキル次の記事：js内の中国語の数字と文字を判定する正規表現（例）_javascriptスキル

関連記事

続きを見る