ホームページ > ウェブフロントエンド > フロントエンドQ&A > jqueryはサブページの終了をリッスンします

jqueryはサブページの終了をリッスンします

WBOY
リリース: 2023-05-12 10:21:37
オリジナル
1079 人が閲覧しました

Web 開発では、ページを閉じる、ジャンプなど、ページの一部の操作を監視する必要があることがよくあります。サブページでは、閉じられたときに何らかの操作を実行したりデータを転送したりするために、その閉じイベントをリッスンする方法を知る必要があります。

この場合、jQuery を使用してサブページの終了イベントをリッスンできます。具体的な実装方法は以下の通りです。

  1. サブページオブジェクトの取得

親ページで、サブページのウィンドウオブジェクトを取得する必要があります。このオブジェクトは、サブページを開くウィンドウ オブジェクトです。たとえば、 .open() を使用して取得します:

var childWin = window.open("child.html");

Inこのようにして、子ページ オブジェクト childWin を取得できます。

  1. サブページ終了イベントをリッスンする

サブページ オブジェクトを取得したら、それを使用して終了イベントをリッスンできます。使用する必要があるメソッドは onbeforeunload で、ページが閉じられたときにトリガーされます。このメソッドを子ページのウィンドウ オブジェクトにバインドできます。例:

childWin.onbeforeunload = function(){
//ページを閉じるときに実行される操作
}

このメソッドでは、いくつかの操作を実行できます。たとえば、親ページにデータを渡したり、クリーンアップ作業を行ったりします。

  1. 終了イベントをリッスンした後の操作

サブページが閉じられると、onbeforeunload メソッドで関連する操作を実行できます。例:

childWin.onbeforeunload = function(){
//データを親ページに転送
window.opener.postMessage(data, '*');
//実行クリーンアップ作業
//...
}

ここでは、window.opener.postMessage() メソッドを使用して、親ページにデータを渡します。このメソッドは、子ページで親ページにデータを送信するメソッドです。 * は、データを任意のページに送信できることを示します。

データの受け渡しに加えて、いくつかのクリーニング作業も実行できます。これには、開いている接続の終了、ローカル キャッシュの削除などが含まれます。これらのタスクはすべて、ページを閉じたときのデータの整合性とセキュリティを確保するためのものです。

要約すると、jQuery を使用してサブページの終了イベントをリッスンし、サブページが閉じられたときに何らかの操作を実行したり、データを転送したりすることができます。この方法は比較的シンプルで一般的に使用されており、フロントエンド開発者にとって必須のスキルです。

以上がjqueryはサブページの終了をリッスンしますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート