「戻る」ボタンのページ読み込みを検出するためのクロスブラウザイベントはありますか?-jsチュートリアル-php.cn

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

Patricia Arquette

リリース： 2024-12-06 09:22:10

オリジナル

506 人が閲覧しました

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 サイトの他の関連記事を参照してください。