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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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