jqueryがcloseイベントを取得します

Web 開発では、ページ上の要素を閉じる必要がある場合、通常、特定の操作を実行するために close イベントを取得する必要があります。 jQuery では、特定の要素の終了イベントを取得する非常に簡単な方法が提供されています。

終了イベントを取得する方法:

jQuery では、.on() メソッドを使用して要素の終了イベントを取得できます。このメソッドの構文は次のとおりです。

$(selector).on(event, childSelector, data, function)

このうち、パラメーターの説明は次のとおりです。

• selector: 終了イベントがバインドされる要素セレクター。
• event: バインドされるイベントの名前。要素終了イベントには、「beforeunload」イベントまたは「unload」イベントを使用できます。
• childSelector: イベントがバインドされる子要素セレクターを示すオプションのパラメーター。
• data: 渡される追加データを示すオプションのパラメーター。
• function: シャットダウン イベントが発生すると、実行される関数が呼び出されます。

サンプル コードは次のとおりです:

$(window).on('beforeunload', function() {
    alert('你确定要关闭此页面吗？');
});

この例では、$(window) セレクターを使用してブラウザ ウィンドウ全体を選択し、.on() メソッドを使用してバインドします。 「アンロード前」イベント。ユーザーがウィンドウを閉じようとすると、ページを閉じてもよいかどうかを尋ねるプロンプト ボックスが表示されます。

注:

要素終了イベントを使用する場合は、次の点に注意する必要があります。

• 要素終了イベントは、通常、コードを通じて呼び出すことはできません。ユーザーが終了アクションを実行したときにのみトリガーで呼び出されます。
• ブラウザごとに要素終了イベントの実装方法が異なるため、このメソッドがすべてのブラウザで適切に動作するという保証はありません。
• 一部のブラウザでは、ページ上で進行中の非同期操作があると、要素を閉じるイベントがトリガーされないことがあります。したがって、要素終了イベントを使用する場合は、すべての非同期操作が完了していることを確認する必要があります。

概要:

jQuery では、要素の終了イベントを取得するのは非常に簡単で、.on() メソッドを使用するだけです。ただし、要素終了イベントを使用する場合は、正常に使用できるように、各ブラウザの実装と非同期操作の影響に注意する必要があります。

以上がjqueryがcloseイベントを取得しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。