「戻る」ボタンをクリックすると「onload」イベントが発生しますか?-jsチュートリアル-php.cn

ホームページ

ウェブフロントエンド

jsチュートリアル

「戻る」ボタンをクリックすると「onload」イベントが発生しますか?

Dec 10, 2024 am 01:09 AM

Does the `onload` Event Fire When the Back Button is Clicked?

ブラウザの戻るボタンのクリックで Onload イベントが発生しますか?

Firefox、Opera、Safari、IE などの主要なブラウザをターゲットとする場合、 JavaScript の onload イベントは、戻るボタンによってページが読み込まれるときにトリガーされません。これは、最初のページの読み込み中にのみ起動されます。

ブラウザ間の互換性を実現する

この制限を克服し、すべての主要なブラウザで戻るボタンイベントを処理するには、創造的なソリューションが必要です。 jQueryを使用して発見されました。空の onunload イベントリスナーを本文に追加すると、Safari、Opera、および Mozilla が誤ってページのリロードをトリガーします。このアクションは、目的の onload 機能を模倣します。

簡単なコード例を次に示します。

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

ログイン後にコピー

リンクをクリックして戻るボタンを押すと、JavaScript アラートがトリガーされることがわかります。ページを示すreload.

考慮事項

この回避策により、ユーザーのページの速度が低下する可能性があることに注意してください。このアプローチがアプリケーションのニーズと本当に一致しているかどうかを慎重に評価することをお勧めします。

以上が「戻る」ボタンをクリックすると「onload」イベントが発生しますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明

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