ホームページ >ウェブフロントエンド >jsチュートリアル >「戻る」ボタンのページ読み込みを検出するためのクロスブラウザ イベントはありますか?

「戻る」ボタンのページ読み込みを検出するためのクロスブラウザ イベントはありますか?

Patricia Arquette
Patricia Arquetteオリジナル
2024-12-06 09:22:10499ブラウズ

Is There a Cross-Browser Event for Detecting Back Button Page Loads?

戻るボタン操作時のページ読み込みのクロスブラウザ イベント

最初のページ読み込み時にのみトリガーされる onload イベントとは異なり、 「戻る」ボタンによってトリガーされるページ読み込み専用の標準的なクロスブラウザー イベントではありませんclick.

JQuery ソリューション

興味深いことに、JQuery には、「戻る」ボタンのクリック時にページのリロードをトリガーする意図しない効果があります。これは、onunload イベント リスナーを追加することで実現されます。 body タグに空の onunload イベント ハンドラーを追加すると、Safari、Opera、および Mozilla は [戻る] ボタンを押すとページをリロードします。

例:

<body onunload="">
  <script type="text/javascript">
    alert('first load / reload');
    window.onload = function() { alert('onload') };
  </script>
  <a href="http://stackoverflow.com">click me, then press the back button</a>
</body>

注:

このソリューションは機能しますが、ページとしてのパフォーマンスが低下する可能性があります。リロードされます。 「戻る」ボタンをクリックしたときにページのリロードをトリガーする必要性を慎重に検討することが重要です。

以上が「戻る」ボタンのページ読み込みを検出するためのクロスブラウザ イベントはありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。